HEX #396699 color — Calypso
The color #396699 is a dark shade and moderately saturated.
Palette
396699 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f9 |
rgb(240,244,249) |
hsl(212,46%,96%) |
#dde7f3 |
rgb(221,231,243) |
hsl(212,46%,91%) |
#cbdaec |
rgb(203,218,236) |
hsl(212,46%,86%) |
#b8cde5 |
rgb(184,205,229) |
hsl(212,46%,81%) |
#a6c0de |
rgb(166,192,222) |
hsl(212,46%,76%) |
#93b3d7 |
rgb(147,179,215) |
hsl(212,46%,71%) |
#80a6d0 |
rgb(128,166,208) |
hsl(212,46%,66%) |
#6e99c9 |
rgb(110,153,201) |
hsl(212,46%,61%) |
#5b8bc2 |
rgb(91,139,194) |
hsl(212,46%,56%) |
#497ebc |
rgb(73,126,188) |
hsl(212,46%,51%) |
#3f72ab |
rgb(63,114,171) |
hsl(212,46%,46%) |
#386599 |
rgb(56,101,153) |
hsl(212,46%,41%) |
#325986 |
rgb(50,89,134) |
hsl(212,46%,36%) |
#2b4d73 |
rgb(43,77,115) |
hsl(212,46%,31%) |
#244061 |
rgb(36,64,97) |
hsl(212,46%,26%) |
#1d344e |
rgb(29,52,78) |
hsl(212,46%,21%) |
#16283c |
rgb(22,40,60) |
hsl(212,46%,16%) |
#0f1b29 |
rgb(15,27,41) |
hsl(212,46%,11%) |
#080f16 |
rgb(8,15,22) |
hsl(212,46%,6%) |
#010204 |
rgb(1,2,4) |
hsl(212,46%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#39998C |
rgb(57,153,140) |
hsl(172,46%,41%) |
#396699 |
rgb(57,102,153) |
hsl(212,46%,41%) |
#4C3899 |
rgb(76,56,153) |
hsl(252,46%,41%) |
Monochromatic colors
HEX |
RGB |
HSL |
#5587BF |
rgb(85,135,191) |
hsl(212,45%,54%) |
#4275B1 |
rgb(66,117,177) |
hsl(212,46%,48%) |
#396699 |
rgb(57,102,153) |
hsl(212,46%,41%) |
#2F5780 |
rgb(47,87,128) |
hsl(210,46%,34%) |
#264568 |
rgb(38,69,104) |
hsl(212,46%,28%) |
#1D364F |
rgb(29,54,79) |
hsl(210,46%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#396699 |
rgb(57,102,153) |
hsl(212,46%,41%) |
#993D39 |
rgb(153,61,57) |
hsl(3,46%,41%) |
#969939 |
rgb(150,153,57) |
hsl(62,46%,41%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396699 |
rgb(57,102,153) |
hsl(212,46%,41%) |
#996B39 |
rgb(153,107,57) |
hsl(31,46%,41%) |
#399699 |
rgb(57,150,153) |
hsl(182,46%,41%) |
#969939 |
rgb(150,153,57) |
hsl(62,46%,41%) |