HEX #338CBC color — Boston Blue
The color #338CBC is a dark shade and moderately saturated.
Palette
338CBC color palette from light to dark
HEX |
RGB |
HSL |
#f3f9fc |
rgb(243,249,252) |
hsl(201,57%,97%) |
#dfeef6 |
rgb(223,238,246) |
hsl(201,57%,92%) |
#cbe4f1 |
rgb(203,228,241) |
hsl(201,57%,87%) |
#b7d9eb |
rgb(183,217,235) |
hsl(201,57%,82%) |
#a3cee6 |
rgb(163,206,230) |
hsl(201,57%,77%) |
#8fc4e0 |
rgb(143,196,224) |
hsl(201,57%,72%) |
#7bb9db |
rgb(123,185,219) |
hsl(201,57%,67%) |
#67afd5 |
rgb(103,175,213) |
hsl(201,57%,62%) |
#53a4d0 |
rgb(83,164,208) |
hsl(201,57%,57%) |
#3f9aca |
rgb(63,154,202) |
hsl(201,57%,52%) |
#348cbc |
rgb(52,140,188) |
hsl(201,57%,47%) |
#2e7da8 |
rgb(46,125,168) |
hsl(201,57%,42%) |
#296e94 |
rgb(41,110,148) |
hsl(201,57%,37%) |
#236080 |
rgb(35,96,128) |
hsl(201,57%,32%) |
#1e516c |
rgb(30,81,108) |
hsl(201,57%,27%) |
#184258 |
rgb(24,66,88) |
hsl(201,57%,22%) |
#133344 |
rgb(19,51,68) |
hsl(201,57%,17%) |
#0d2430 |
rgb(13,36,48) |
hsl(201,57%,12%) |
#08151c |
rgb(8,21,28) |
hsl(201,57%,7%) |
#020608 |
rgb(2,6,8) |
hsl(201,57%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#33BD90 |
rgb(51,189,144) |
hsl(160,58%,47%) |
#338CBC |
rgb(51,140,188) |
hsl(201,57%,47%) |
#3533BC |
rgb(53,51,188) |
hsl(241,57%,47%) |
Monochromatic colors
HEX |
RGB |
HSL |
#65ADD5 |
rgb(101,173,213) |
hsl(201,57%,62%) |
#479ECD |
rgb(71,158,205) |
hsl(201,57%,54%) |
#338CBC |
rgb(51,140,188) |
hsl(201,57%,47%) |
#2A759D |
rgb(42,117,157) |
hsl(201,58%,39%) |
#225E7F |
rgb(34,94,127) |
hsl(201,58%,32%) |
#1A4A61 |
rgb(26,74,97) |
hsl(199,58%,24%) |
Triad color palettes
HEX |
RGB |
HSL |
#338CBC |
rgb(51,140,188) |
hsl(201,57%,47%) |
#BC3347 |
rgb(188,51,71) |
hsl(351,57%,47%) |
#BCA833 |
rgb(188,168,51) |
hsl(51,57%,47%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#338CBC |
rgb(51,140,188) |
hsl(201,57%,47%) |
#BC6333 |
rgb(188,99,51) |
hsl(21,57%,47%) |
#33BDA7 |
rgb(51,189,167) |
hsl(170,58%,47%) |
#BCA833 |
rgb(188,168,51) |
hsl(51,57%,47%) |