HEX #336186 color — Calypso
The color #336186 is a dark shade and moderately saturated.
Palette
336186 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5f9 |
rgb(240,245,249) |
hsl(207,45%,96%) |
#dee9f2 |
rgb(222,233,242) |
hsl(207,45%,91%) |
#cbddeb |
rgb(203,221,235) |
hsl(207,45%,86%) |
#b9d1e4 |
rgb(185,209,228) |
hsl(207,45%,81%) |
#a6c5dd |
rgb(166,197,221) |
hsl(207,45%,76%) |
#94b8d6 |
rgb(148,184,214) |
hsl(207,45%,71%) |
#81accf |
rgb(129,172,207) |
hsl(207,45%,66%) |
#6fa0c8 |
rgb(111,160,200) |
hsl(207,45%,61%) |
#5c94c1 |
rgb(92,148,193) |
hsl(207,45%,56%) |
#4a88ba |
rgb(74,136,186) |
hsl(207,45%,51%) |
#417baa |
rgb(65,123,170) |
hsl(207,45%,46%) |
#3a6d98 |
rgb(58,109,152) |
hsl(207,45%,41%) |
#326085 |
rgb(50,96,133) |
hsl(207,45%,36%) |
#2b5373 |
rgb(43,83,115) |
hsl(207,45%,31%) |
#244560 |
rgb(36,69,96) |
hsl(207,45%,26%) |
#1d384e |
rgb(29,56,78) |
hsl(207,45%,21%) |
#162b3b |
rgb(22,43,59) |
hsl(207,45%,16%) |
#0f1d29 |
rgb(15,29,41) |
hsl(207,45%,11%) |
#081016 |
rgb(8,16,22) |
hsl(207,45%,6%) |
#010304 |
rgb(1,3,4) |
hsl(207,45%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#338773 |
rgb(51,135,115) |
hsl(166,45%,36%) |
#336186 |
rgb(51,97,134) |
hsl(207,45%,36%) |
#3C3386 |
rgb(60,51,134) |
hsl(247,45%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B709B |
rgb(59,112,155) |
hsl(207,45%,42%) |
#336186 |
rgb(51,97,134) |
hsl(207,45%,36%) |
#2A5270 |
rgb(42,82,112) |
hsl(206,45%,30%) |
#22425B |
rgb(34,66,91) |
hsl(206,46%,25%) |
#1A3345 |
rgb(26,51,69) |
hsl(205,45%,19%) |
#122430 |
rgb(18,36,48) |
hsl(204,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336186 |
rgb(51,97,134) |
hsl(207,45%,36%) |
#863337 |
rgb(134,51,55) |
hsl(357,45%,36%) |
#868233 |
rgb(134,130,51) |
hsl(57,45%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336186 |
rgb(51,97,134) |
hsl(207,45%,36%) |
#865933 |
rgb(134,89,51) |
hsl(27,45%,36%) |
#338781 |
rgb(51,135,129) |
hsl(176,45%,36%) |
#868233 |
rgb(134,130,51) |
hsl(57,45%,36%) |