HEX #336E85 color — Calypso
The color #336E85 is a dark shade and moderately saturated.
Palette
336E85 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 |
#338565 |
rgb(51,133,101) |
hsl(157,45%,36%) |
#336E85 |
rgb(51,110,133) |
hsl(197,45%,36%) |
#333885 |
rgb(51,56,133) |
hsl(236,45%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3B809A |
rgb(59,128,154) |
hsl(196,45%,42%) |
#336E85 |
rgb(51,110,133) |
hsl(197,45%,36%) |
#2A5C6F |
rgb(42,92,111) |
hsl(197,45%,30%) |
#224A5A |
rgb(34,74,90) |
hsl(197,45%,24%) |
#1A3845 |
rgb(26,56,69) |
hsl(198,45%,19%) |
#12292F |
rgb(18,41,47) |
hsl(192,45%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#336E85 |
rgb(51,110,133) |
hsl(197,45%,36%) |
#853345 |
rgb(133,51,69) |
hsl(347,45%,36%) |
#857333 |
rgb(133,115,51) |
hsl(47,45%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#336E85 |
rgb(51,110,133) |
hsl(197,45%,36%) |
#854A33 |
rgb(133,74,51) |
hsl(17,45%,36%) |
#338573 |
rgb(51,133,115) |
hsl(167,45%,36%) |
#857333 |
rgb(133,115,51) |
hsl(47,45%,36%) |