HEX #3285B2 color — Boston Blue
The color #3285B2 is a dark shade and moderately saturated.
Palette
3285B2 color palette from light to dark
HEX |
RGB |
HSL |
#ebf4f9 |
rgb(235,244,249) |
hsl(201,56%,95%) |
#d7eaf4 |
rgb(215,234,244) |
hsl(201,56%,90%) |
#c3dfee |
rgb(195,223,238) |
hsl(201,56%,85%) |
#afd5e9 |
rgb(175,213,233) |
hsl(201,56%,80%) |
#9ccae3 |
rgb(156,202,227) |
hsl(201,56%,75%) |
#88bfdd |
rgb(136,191,221) |
hsl(201,56%,70%) |
#74b5d8 |
rgb(116,181,216) |
hsl(201,56%,65%) |
#60aad2 |
rgb(96,170,210) |
hsl(201,56%,60%) |
#4ca0cd |
rgb(76,160,205) |
hsl(201,56%,55%) |
#3895c7 |
rgb(56,149,199) |
hsl(201,56%,50%) |
#3286b3 |
rgb(50,134,179) |
hsl(201,56%,45%) |
#2d779f |
rgb(45,119,159) |
hsl(201,56%,40%) |
#27688b |
rgb(39,104,139) |
hsl(201,56%,35%) |
#225977 |
rgb(34,89,119) |
hsl(201,56%,30%) |
#1c4a63 |
rgb(28,74,99) |
hsl(201,56%,25%) |
#163c50 |
rgb(22,60,80) |
hsl(201,56%,20%) |
#112d3c |
rgb(17,45,60) |
hsl(201,56%,15%) |
#0b1e28 |
rgb(11,30,40) |
hsl(201,56%,10%) |
#060f14 |
rgb(6,15,20) |
hsl(201,56%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#32B389 |
rgb(50,179,137) |
hsl(160,56%,45%) |
#3285B2 |
rgb(50,133,178) |
hsl(201,56%,45%) |
#3433B2 |
rgb(52,51,178) |
hsl(240,55%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5BA8D1 |
rgb(91,168,209) |
hsl(201,56%,59%) |
#3F99C9 |
rgb(63,153,201) |
hsl(201,56%,52%) |
#3285B2 |
rgb(50,133,178) |
hsl(201,56%,45%) |
#2A7095 |
rgb(42,112,149) |
hsl(201,56%,37%) |
#225979 |
rgb(34,89,121) |
hsl(202,56%,30%) |
#1A455C |
rgb(26,69,92) |
hsl(201,56%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3285B2 |
rgb(50,133,178) |
hsl(201,56%,45%) |
#B23345 |
rgb(178,51,69) |
hsl(351,55%,45%) |
#B29E32 |
rgb(178,158,50) |
hsl(51,56%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3285B2 |
rgb(50,133,178) |
hsl(201,56%,45%) |
#B25E32 |
rgb(178,94,50) |
hsl(21,56%,45%) |
#32B39F |
rgb(50,179,159) |
hsl(171,56%,45%) |
#B29E32 |
rgb(178,158,50) |
hsl(51,56%,45%) |