HEX #396B8E color — Calypso
The color #396B8E is a dark shade and moderately saturated.
Palette
396B8E color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(205,43%,99%) |
#e9f1f6 |
rgb(233,241,246) |
hsl(205,43%,94%) |
#d7e5ef |
rgb(215,229,239) |
hsl(205,43%,89%) |
#c5d9e8 |
rgb(197,217,232) |
hsl(205,43%,84%) |
#b2cde0 |
rgb(178,205,224) |
hsl(205,43%,79%) |
#a0c1d9 |
rgb(160,193,217) |
hsl(205,43%,74%) |
#8eb6d2 |
rgb(142,182,210) |
hsl(205,43%,69%) |
#7caacb |
rgb(124,170,203) |
hsl(205,43%,64%) |
#699ec3 |
rgb(105,158,195) |
hsl(205,43%,59%) |
#5792bc |
rgb(87,146,188) |
hsl(205,43%,54%) |
#4786b3 |
rgb(71,134,179) |
hsl(205,43%,49%) |
#4078a0 |
rgb(64,120,160) |
hsl(205,43%,44%) |
#396b8e |
rgb(57,107,142) |
hsl(205,43%,39%) |
#315d7c |
rgb(49,93,124) |
hsl(205,43%,34%) |
#2a4f6a |
rgb(42,79,106) |
hsl(205,43%,29%) |
#234258 |
rgb(35,66,88) |
hsl(205,43%,24%) |
#1c3445 |
rgb(28,52,69) |
hsl(205,43%,19%) |
#142633 |
rgb(20,38,51) |
hsl(205,43%,14%) |
#0d1921 |
rgb(13,25,33) |
hsl(205,43%,9%) |
#060b0f |
rgb(6,11,15) |
hsl(205,43%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#398F78 |
rgb(57,143,120) |
hsl(164,43%,39%) |
#396B8E |
rgb(57,107,142) |
hsl(205,43%,39%) |
#3F388E |
rgb(63,56,142) |
hsl(245,43%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#427DA4 |
rgb(66,125,164) |
hsl(204,43%,45%) |
#396B8E |
rgb(57,107,142) |
hsl(205,43%,39%) |
#2F5977 |
rgb(47,89,119) |
hsl(205,43%,33%) |
#264A60 |
rgb(38,74,96) |
hsl(203,43%,26%) |
#1D3849 |
rgb(29,56,73) |
hsl(203,43%,20%) |
#142633 |
rgb(20,38,51) |
hsl(205,44%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#396B8E |
rgb(57,107,142) |
hsl(205,43%,39%) |
#8E3840 |
rgb(142,56,64) |
hsl(354,43%,39%) |
#8E8739 |
rgb(142,135,57) |
hsl(55,43%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396B8E |
rgb(57,107,142) |
hsl(205,43%,39%) |
#8E5C39 |
rgb(142,92,57) |
hsl(25,43%,39%) |
#398F86 |
rgb(57,143,134) |
hsl(174,43%,39%) |
#8E8739 |
rgb(142,135,57) |
hsl(55,43%,39%) |