HEX #336987 color — Calypso
The color #336987 is a dark shade and moderately saturated.
Palette
336987 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6f9 |
rgb(240,246,249) |
hsl(201,45%,96%) |
#deebf2 |
rgb(222,235,242) |
hsl(201,45%,91%) |
#cbe0eb |
rgb(203,224,235) |
hsl(201,45%,86%) |
#b9d5e4 |
rgb(185,213,228) |
hsl(201,45%,81%) |
#a6cadd |
rgb(166,202,221) |
hsl(201,45%,76%) |
#94bfd6 |
rgb(148,191,214) |
hsl(201,45%,71%) |
#81b4cf |
rgb(129,180,207) |
hsl(201,45%,66%) |
#6fa9c8 |
rgb(111,169,200) |
hsl(201,45%,61%) |
#5c9ec1 |
rgb(92,158,193) |
hsl(201,45%,56%) |
#4a93ba |
rgb(74,147,186) |
hsl(201,45%,51%) |
#4185aa |
rgb(65,133,170) |
hsl(201,45%,46%) |
#3a7798 |
rgb(58,119,152) |
hsl(201,45%,41%) |
#326885 |
rgb(50,104,133) |
hsl(201,45%,36%) |
#2b5a73 |
rgb(43,90,115) |
hsl(201,45%,31%) |
#244b60 |
rgb(36,75,96) |
hsl(201,45%,26%) |
#1d3d4e |
rgb(29,61,78) |
hsl(201,45%,21%) |
#162e3b |
rgb(22,46,59) |
hsl(201,45%,16%) |
#0f2029 |
rgb(15,32,41) |
hsl(201,45%,11%) |
#081116 |
rgb(8,17,22) |
hsl(201,45%,6%) |
#010304 |
rgb(1,3,4) |
hsl(201,45%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#33876D |
rgb(51,135,109) |
hsl(161,45%,36%) |
#336987 |
rgb(51,105,135) |
hsl(201,45%,36%) |
#353387 |
rgb(53,51,135) |
hsl(241,45%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B7A9C |
rgb(59,122,156) |
hsl(201,45%,42%) |
#336987 |
rgb(51,105,135) |
hsl(201,45%,36%) |
#2A5971 |
rgb(42,89,113) |
hsl(200,46%,30%) |
#22475B |
rgb(34,71,91) |
hsl(201,46%,25%) |
#1A3646 |
rgb(26,54,70) |
hsl(202,46%,19%) |
#122630 |
rgb(18,38,48) |
hsl(200,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336987 |
rgb(51,105,135) |
hsl(201,45%,36%) |
#87333F |
rgb(135,51,63) |
hsl(351,45%,36%) |
#877A33 |
rgb(135,122,51) |
hsl(51,45%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336987 |
rgb(51,105,135) |
hsl(201,45%,36%) |
#875233 |
rgb(135,82,51) |
hsl(22,45%,36%) |
#33877B |
rgb(51,135,123) |
hsl(171,45%,36%) |
#877A33 |
rgb(135,122,51) |
hsl(51,45%,36%) |