HEX #316684 color — Calypso
The color #316684 is a dark shade and moderately saturated.
Palette
316684 color palette from light to dark
HEX |
RGB |
HSL |
#ecf4f8 |
rgb(236,244,248) |
hsl(202,46%,95%) |
#dae9f1 |
rgb(218,233,241) |
hsl(202,46%,90%) |
#c7ddea |
rgb(199,221,234) |
hsl(202,46%,85%) |
#b5d2e3 |
rgb(181,210,227) |
hsl(202,46%,80%) |
#a2c7dd |
rgb(162,199,221) |
hsl(202,46%,75%) |
#8fbcd6 |
rgb(143,188,214) |
hsl(202,46%,70%) |
#7db1cf |
rgb(125,177,207) |
hsl(202,46%,65%) |
#6aa6c8 |
rgb(106,166,200) |
hsl(202,46%,60%) |
#579ac1 |
rgb(87,154,193) |
hsl(202,46%,55%) |
#458fba |
rgb(69,143,186) |
hsl(202,46%,50%) |
#3e81a8 |
rgb(62,129,168) |
hsl(202,46%,45%) |
#377395 |
rgb(55,115,149) |
hsl(202,46%,40%) |
#306482 |
rgb(48,100,130) |
hsl(202,46%,35%) |
#295670 |
rgb(41,86,112) |
hsl(202,46%,30%) |
#22485d |
rgb(34,72,93) |
hsl(202,46%,25%) |
#1c394a |
rgb(28,57,74) |
hsl(202,46%,20%) |
#152b38 |
rgb(21,43,56) |
hsl(202,46%,15%) |
#0e1d25 |
rgb(14,29,37) |
hsl(202,46%,10%) |
#070e13 |
rgb(7,14,19) |
hsl(202,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#31856A |
rgb(49,133,106) |
hsl(161,46%,36%) |
#316684 |
rgb(49,102,132) |
hsl(202,46%,35%) |
#333084 |
rgb(51,48,132) |
hsl(242,47%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387599 |
rgb(56,117,153) |
hsl(202,46%,41%) |
#316684 |
rgb(49,102,132) |
hsl(202,46%,35%) |
#29576E |
rgb(41,87,110) |
hsl(200,46%,30%) |
#214559 |
rgb(33,69,89) |
hsl(201,46%,24%) |
#193644 |
rgb(25,54,68) |
hsl(200,46%,18%) |
#11242F |
rgb(17,36,47) |
hsl(202,47%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316684 |
rgb(49,102,132) |
hsl(202,46%,35%) |
#84303C |
rgb(132,48,60) |
hsl(351,47%,35%) |
#847831 |
rgb(132,120,49) |
hsl(51,46%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316684 |
rgb(49,102,132) |
hsl(202,46%,35%) |
#844F31 |
rgb(132,79,49) |
hsl(22,46%,35%) |
#318578 |
rgb(49,133,120) |
hsl(171,46%,36%) |
#847831 |
rgb(132,120,49) |
hsl(51,46%,35%) |