HEX #316380 color — Calypso
The color #316380 is a dark shade and moderately saturated.
Palette
316380 color palette from light to dark
HEX |
RGB |
HSL |
#edf4f8 |
rgb(237,244,248) |
hsl(202,45%,95%) |
#dae9f1 |
rgb(218,233,241) |
hsl(202,45%,90%) |
#c8ddea |
rgb(200,221,234) |
hsl(202,45%,85%) |
#b5d2e3 |
rgb(181,210,227) |
hsl(202,45%,80%) |
#a3c7dc |
rgb(163,199,220) |
hsl(202,45%,75%) |
#90bcd5 |
rgb(144,188,213) |
hsl(202,45%,70%) |
#7eb0ce |
rgb(126,176,206) |
hsl(202,45%,65%) |
#6ba5c7 |
rgb(107,165,199) |
hsl(202,45%,60%) |
#599ac0 |
rgb(89,154,192) |
hsl(202,45%,55%) |
#468fb9 |
rgb(70,143,185) |
hsl(202,45%,50%) |
#3f81a6 |
rgb(63,129,166) |
hsl(202,45%,45%) |
#387294 |
rgb(56,114,148) |
hsl(202,45%,40%) |
#316481 |
rgb(49,100,129) |
hsl(202,45%,35%) |
#2a566f |
rgb(42,86,111) |
hsl(202,45%,30%) |
#23475c |
rgb(35,71,92) |
hsl(202,45%,25%) |
#1c394a |
rgb(28,57,74) |
hsl(202,45%,20%) |
#152b37 |
rgb(21,43,55) |
hsl(202,45%,15%) |
#0e1d25 |
rgb(14,29,37) |
hsl(202,45%,10%) |
#070e12 |
rgb(7,14,18) |
hsl(202,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#318068 |
rgb(49,128,104) |
hsl(162,45%,35%) |
#316380 |
rgb(49,99,128) |
hsl(202,45%,35%) |
#333080 |
rgb(51,48,128) |
hsl(242,45%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387394 |
rgb(56,115,148) |
hsl(202,45%,40%) |
#316380 |
rgb(49,99,128) |
hsl(202,45%,35%) |
#29546B |
rgb(41,84,107) |
hsl(201,45%,29%) |
#214257 |
rgb(33,66,87) |
hsl(203,45%,24%) |
#193342 |
rgb(25,51,66) |
hsl(202,45%,18%) |
#11242E |
rgb(17,36,46) |
hsl(201,46%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#316380 |
rgb(49,99,128) |
hsl(202,45%,35%) |
#80303B |
rgb(128,48,59) |
hsl(352,45%,35%) |
#807531 |
rgb(128,117,49) |
hsl(52,45%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316380 |
rgb(49,99,128) |
hsl(202,45%,35%) |
#804F31 |
rgb(128,79,49) |
hsl(23,45%,35%) |
#318075 |
rgb(49,128,117) |
hsl(172,45%,35%) |
#807531 |
rgb(128,117,49) |
hsl(52,45%,35%) |