HEX #336E86 color — Calypso
The color #336E86 is a dark shade and moderately saturated.
Palette
336E86 color palette from light to dark
HEX |
RGB |
HSL |
#f0f7f9 |
rgb(240,247,249) |
hsl(197,45%,96%) |
#deedf2 |
rgb(222,237,242) |
hsl(197,45%,91%) |
#cbe2eb |
rgb(203,226,235) |
hsl(197,45%,86%) |
#b9d8e4 |
rgb(185,216,228) |
hsl(197,45%,81%) |
#a6cedd |
rgb(166,206,221) |
hsl(197,45%,76%) |
#94c3d6 |
rgb(148,195,214) |
hsl(197,45%,71%) |
#81b9cf |
rgb(129,185,207) |
hsl(197,45%,66%) |
#6fafc8 |
rgb(111,175,200) |
hsl(197,45%,61%) |
#5ca5c1 |
rgb(92,165,193) |
hsl(197,45%,56%) |
#4a9aba |
rgb(74,154,186) |
hsl(197,45%,51%) |
#418caa |
rgb(65,140,170) |
hsl(197,45%,46%) |
#3a7d98 |
rgb(58,125,152) |
hsl(197,45%,41%) |
#326e85 |
rgb(50,110,133) |
hsl(197,45%,36%) |
#2b5e73 |
rgb(43,94,115) |
hsl(197,45%,31%) |
#244f60 |
rgb(36,79,96) |
hsl(197,45%,26%) |
#1d404e |
rgb(29,64,78) |
hsl(197,45%,21%) |
#16313b |
rgb(22,49,59) |
hsl(197,45%,16%) |
#0f2229 |
rgb(15,34,41) |
hsl(197,45%,11%) |
#081216 |
rgb(8,18,22) |
hsl(197,45%,6%) |
#010304 |
rgb(1,3,4) |
hsl(197,45%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#338766 |
rgb(51,135,102) |
hsl(156,45%,36%) |
#336E86 |
rgb(51,110,134) |
hsl(197,45%,36%) |
#333686 |
rgb(51,54,134) |
hsl(238,45%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B809B |
rgb(59,128,155) |
hsl(197,45%,42%) |
#336E86 |
rgb(51,110,134) |
hsl(197,45%,36%) |
#2A5C70 |
rgb(42,92,112) |
hsl(197,45%,30%) |
#224A5B |
rgb(34,74,91) |
hsl(198,46%,25%) |
#1A3845 |
rgb(26,56,69) |
hsl(198,45%,19%) |
#122930 |
rgb(18,41,48) |
hsl(194,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336E86 |
rgb(51,110,134) |
hsl(197,45%,36%) |
#863344 |
rgb(134,51,68) |
hsl(348,45%,36%) |
#867533 |
rgb(134,117,51) |
hsl(48,45%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336E86 |
rgb(51,110,134) |
hsl(197,45%,36%) |
#864A33 |
rgb(134,74,51) |
hsl(17,45%,36%) |
#338774 |
rgb(51,135,116) |
hsl(166,45%,36%) |
#867533 |
rgb(134,117,51) |
hsl(48,45%,36%) |