HEX #316693 color — Calypso
The color #316693 is a dark shade and moderately saturated.
Palette
316693 color palette from light to dark
HEX |
RGB |
HSL |
#f7fafc |
rgb(247,250,252) |
hsl(208,50%,98%) |
#e4eef6 |
rgb(228,238,246) |
hsl(208,50%,93%) |
#d1e1f0 |
rgb(209,225,240) |
hsl(208,50%,88%) |
#bed5e9 |
rgb(190,213,233) |
hsl(208,50%,83%) |
#abc9e3 |
rgb(171,201,227) |
hsl(208,50%,78%) |
#98bcdd |
rgb(152,188,221) |
hsl(208,50%,73%) |
#85b0d6 |
rgb(133,176,214) |
hsl(208,50%,68%) |
#71a4d0 |
rgb(113,164,208) |
hsl(208,50%,63%) |
#5e97c9 |
rgb(94,151,201) |
hsl(208,50%,58%) |
#4b8bc3 |
rgb(75,139,195) |
hsl(208,50%,53%) |
#3d7eb8 |
rgb(61,126,184) |
hsl(208,50%,48%) |
#3771a4 |
rgb(55,113,164) |
hsl(208,50%,43%) |
#306491 |
rgb(48,100,145) |
hsl(208,50%,38%) |
#2a577e |
rgb(42,87,126) |
hsl(208,50%,33%) |
#244a6b |
rgb(36,74,107) |
hsl(208,50%,28%) |
#1d3d58 |
rgb(29,61,88) |
hsl(208,50%,23%) |
#172f45 |
rgb(23,47,69) |
hsl(208,50%,18%) |
#112232 |
rgb(17,34,50) |
hsl(208,50%,13%) |
#0a151f |
rgb(10,21,31) |
hsl(208,50%,8%) |
#04080b |
rgb(4,8,11) |
hsl(208,50%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#31947E |
rgb(49,148,126) |
hsl(167,50%,39%) |
#316693 |
rgb(49,102,147) |
hsl(208,50%,38%) |
#3D3093 |
rgb(61,48,147) |
hsl(248,51%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#3875AA |
rgb(56,117,170) |
hsl(208,50%,44%) |
#316693 |
rgb(49,102,147) |
hsl(208,50%,38%) |
#29577B |
rgb(41,87,123) |
hsl(206,50%,32%) |
#214563 |
rgb(33,69,99) |
hsl(207,50%,26%) |
#19364C |
rgb(25,54,76) |
hsl(206,50%,20%) |
#112434 |
rgb(17,36,52) |
hsl(207,51%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#316693 |
rgb(49,102,147) |
hsl(208,50%,38%) |
#933035 |
rgb(147,48,53) |
hsl(357,51%,38%) |
#938F31 |
rgb(147,143,49) |
hsl(58,50%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316693 |
rgb(49,102,147) |
hsl(208,50%,38%) |
#935E31 |
rgb(147,94,49) |
hsl(28,50%,38%) |
#31948F |
rgb(49,148,143) |
hsl(177,50%,39%) |
#938F31 |
rgb(147,143,49) |
hsl(58,50%,38%) |