HEX #396696 color — Calypso
The color #396696 is a dark shade and moderately saturated.
Palette
396696 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5f9 |
rgb(240,245,249) |
hsl(211,45%,96%) |
#dee8f2 |
rgb(222,232,242) |
hsl(211,45%,91%) |
#cbdbeb |
rgb(203,219,235) |
hsl(211,45%,86%) |
#b9cee4 |
rgb(185,206,228) |
hsl(211,45%,81%) |
#a6c1dd |
rgb(166,193,221) |
hsl(211,45%,76%) |
#94b4d6 |
rgb(148,180,214) |
hsl(211,45%,71%) |
#81a7cf |
rgb(129,167,207) |
hsl(211,45%,66%) |
#6f9ac8 |
rgb(111,154,200) |
hsl(211,45%,61%) |
#5c8dc1 |
rgb(92,141,193) |
hsl(211,45%,56%) |
#4a80ba |
rgb(74,128,186) |
hsl(211,45%,51%) |
#4174aa |
rgb(65,116,170) |
hsl(211,45%,46%) |
#3a6798 |
rgb(58,103,152) |
hsl(211,45%,41%) |
#325a85 |
rgb(50,90,133) |
hsl(211,45%,36%) |
#2b4e73 |
rgb(43,78,115) |
hsl(211,45%,31%) |
#244160 |
rgb(36,65,96) |
hsl(211,45%,26%) |
#1d354e |
rgb(29,53,78) |
hsl(211,45%,21%) |
#16283b |
rgb(22,40,59) |
hsl(211,45%,16%) |
#0f1c29 |
rgb(15,28,41) |
hsl(211,45%,11%) |
#080f16 |
rgb(8,15,22) |
hsl(211,45%,6%) |
#010304 |
rgb(1,3,4) |
hsl(211,45%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#399688 |
rgb(57,150,136) |
hsl(171,45%,41%) |
#396696 |
rgb(57,102,150) |
hsl(211,45%,41%) |
#4A3896 |
rgb(74,56,150) |
hsl(251,46%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5387BD |
rgb(83,135,189) |
hsl(211,45%,53%) |
#4275AE |
rgb(66,117,174) |
hsl(212,45%,47%) |
#396696 |
rgb(57,102,150) |
hsl(211,45%,41%) |
#2F577E |
rgb(47,87,126) |
hsl(210,46%,34%) |
#264566 |
rgb(38,69,102) |
hsl(211,46%,27%) |
#1D364E |
rgb(29,54,78) |
hsl(209,46%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#396696 |
rgb(57,102,150) |
hsl(211,45%,41%) |
#963B39 |
rgb(150,59,57) |
hsl(1,45%,41%) |
#949639 |
rgb(148,150,57) |
hsl(61,45%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396696 |
rgb(57,102,150) |
hsl(211,45%,41%) |
#966939 |
rgb(150,105,57) |
hsl(31,45%,41%) |
#399496 |
rgb(57,148,150) |
hsl(181,45%,41%) |
#949639 |
rgb(148,150,57) |
hsl(61,45%,41%) |