HEX #396C8E color — Calypso
The color #396c8e is a dark shade and moderately saturated.
Palette
396c8e color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(204,43%,99%) |
#e9f1f6 |
rgb(233,241,246) |
hsl(204,43%,94%) |
#d7e5ef |
rgb(215,229,239) |
hsl(204,43%,89%) |
#c5dae8 |
rgb(197,218,232) |
hsl(204,43%,84%) |
#b2cee0 |
rgb(178,206,224) |
hsl(204,43%,79%) |
#a0c2d9 |
rgb(160,194,217) |
hsl(204,43%,74%) |
#8eb7d2 |
rgb(142,183,210) |
hsl(204,43%,69%) |
#7cabcb |
rgb(124,171,203) |
hsl(204,43%,64%) |
#699fc3 |
rgb(105,159,195) |
hsl(204,43%,59%) |
#5794bc |
rgb(87,148,188) |
hsl(204,43%,54%) |
#4788b3 |
rgb(71,136,179) |
hsl(204,43%,49%) |
#407aa0 |
rgb(64,122,160) |
hsl(204,43%,44%) |
#396c8e |
rgb(57,108,142) |
hsl(204,43%,39%) |
#315e7c |
rgb(49,94,124) |
hsl(204,43%,34%) |
#2a506a |
rgb(42,80,106) |
hsl(204,43%,29%) |
#234258 |
rgb(35,66,88) |
hsl(204,43%,24%) |
#1c3545 |
rgb(28,53,69) |
hsl(204,43%,19%) |
#142733 |
rgb(20,39,51) |
hsl(204,43%,14%) |
#0d1921 |
rgb(13,25,33) |
hsl(204,43%,9%) |
#060b0f |
rgb(6,11,15) |
hsl(204,43%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#398F77 |
rgb(57,143,119) |
hsl(163,43%,39%) |
#396C8E |
rgb(57,108,142) |
hsl(204,43%,39%) |
#3E388E |
rgb(62,56,142) |
hsl(244,43%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#427DA4 |
rgb(66,125,164) |
hsl(204,43%,45%) |
#396C8E |
rgb(57,108,142) |
hsl(204,43%,39%) |
#2F5C77 |
rgb(47,92,119) |
hsl(203,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 |
#396C8E |
rgb(57,108,142) |
hsl(204,43%,39%) |
#8E3841 |
rgb(142,56,65) |
hsl(354,43%,39%) |
#8E8539 |
rgb(142,133,57) |
hsl(54,43%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#396C8E |
rgb(57,108,142) |
hsl(204,43%,39%) |
#8E5C39 |
rgb(142,92,57) |
hsl(25,43%,39%) |
#398F85 |
rgb(57,143,133) |
hsl(173,43%,39%) |
#8E8539 |
rgb(142,133,57) |
hsl(54,43%,39%) |