HEX #3285C4 color — Boston Blue
The color #3285C4 is a dark shade and moderately saturated.
Palette
3285C4 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafd |
rgb(247,250,253) |
hsl(206,59%,98%) |
#e3eff8 |
rgb(227,239,248) |
hsl(206,59%,93%) |
#cee3f2 |
rgb(206,227,242) |
hsl(206,59%,88%) |
#bad7ed |
rgb(186,215,237) |
hsl(206,59%,83%) |
#a6cbe8 |
rgb(166,203,232) |
hsl(206,59%,78%) |
#92c0e3 |
rgb(146,192,227) |
hsl(206,59%,73%) |
#7db4de |
rgb(125,180,222) |
hsl(206,59%,68%) |
#69a8d8 |
rgb(105,168,216) |
hsl(206,59%,63%) |
#559cd3 |
rgb(85,156,211) |
hsl(206,59%,58%) |
#4091ce |
rgb(64,145,206) |
hsl(206,59%,53%) |
#3284c3 |
rgb(50,132,195) |
hsl(206,59%,48%) |
#2d76ae |
rgb(45,118,174) |
hsl(206,59%,43%) |
#28699a |
rgb(40,105,154) |
hsl(206,59%,38%) |
#235b86 |
rgb(35,91,134) |
hsl(206,59%,33%) |
#1d4d72 |
rgb(29,77,114) |
hsl(206,59%,28%) |
#183f5d |
rgb(24,63,93) |
hsl(206,59%,23%) |
#133249 |
rgb(19,50,73) |
hsl(206,59%,18%) |
#0e2435 |
rgb(14,36,53) |
hsl(206,59%,13%) |
#081620 |
rgb(8,22,32) |
hsl(206,59%,8%) |
#03080c |
rgb(3,8,12) |
hsl(206,59%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#32C4A1 |
rgb(50,196,161) |
hsl(166,59%,48%) |
#3285C4 |
rgb(50,133,196) |
hsl(206,59%,48%) |
#4033C4 |
rgb(64,51,196) |
hsl(245,59%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6BABD9 |
rgb(107,171,217) |
hsl(205,59%,64%) |
#4C99D1 |
rgb(76,153,209) |
hsl(205,59%,56%) |
#3285C4 |
rgb(50,133,196) |
hsl(206,59%,48%) |
#2A70A4 |
rgb(42,112,164) |
hsl(206,59%,40%) |
#225985 |
rgb(34,89,133) |
hsl(207,59%,33%) |
#1A4565 |
rgb(26,69,101) |
hsl(206,59%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#3285C4 |
rgb(50,133,196) |
hsl(206,59%,48%) |
#C4333C |
rgb(196,51,60) |
hsl(356,59%,48%) |
#C4BA32 |
rgb(196,186,50) |
hsl(56,59%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3285C4 |
rgb(50,133,196) |
hsl(206,59%,48%) |
#C47032 |
rgb(196,112,50) |
hsl(25,59%,48%) |
#32C4BA |
rgb(50,196,186) |
hsl(176,59%,48%) |
#C4BA32 |
rgb(196,186,50) |
hsl(56,59%,48%) |