HEX #316E86 color — Calypso
The color #316E86 is a dark shade and moderately saturated.
Palette
316E86 color palette from light to dark
HEX |
RGB |
HSL |
#f0f7f9 |
rgb(240,247,249) |
hsl(197,46%,96%) |
#ddedf3 |
rgb(221,237,243) |
hsl(197,46%,91%) |
#cbe2ec |
rgb(203,226,236) |
hsl(197,46%,86%) |
#b8d8e5 |
rgb(184,216,229) |
hsl(197,46%,81%) |
#a6cede |
rgb(166,206,222) |
hsl(197,46%,76%) |
#93c4d7 |
rgb(147,196,215) |
hsl(197,46%,71%) |
#80bad0 |
rgb(128,186,208) |
hsl(197,46%,66%) |
#6eafc9 |
rgb(110,175,201) |
hsl(197,46%,61%) |
#5ba5c2 |
rgb(91,165,194) |
hsl(197,46%,56%) |
#499bbc |
rgb(73,155,188) |
hsl(197,46%,51%) |
#3f8dab |
rgb(63,141,171) |
hsl(197,46%,46%) |
#387d99 |
rgb(56,125,153) |
hsl(197,46%,41%) |
#326e86 |
rgb(50,110,134) |
hsl(197,46%,36%) |
#2b5f73 |
rgb(43,95,115) |
hsl(197,46%,31%) |
#245061 |
rgb(36,80,97) |
hsl(197,46%,26%) |
#1d404e |
rgb(29,64,78) |
hsl(197,46%,21%) |
#16313c |
rgb(22,49,60) |
hsl(197,46%,16%) |
#0f2229 |
rgb(15,34,41) |
hsl(197,46%,11%) |
#081216 |
rgb(8,18,22) |
hsl(197,46%,6%) |
#010304 |
rgb(1,3,4) |
hsl(197,46%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#318765 |
rgb(49,135,101) |
hsl(156,47%,36%) |
#316E86 |
rgb(49,110,134) |
hsl(197,46%,36%) |
#313686 |
rgb(49,54,134) |
hsl(236,46%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#38809B |
rgb(56,128,155) |
hsl(196,47%,41%) |
#316E86 |
rgb(49,110,134) |
hsl(197,46%,36%) |
#295C70 |
rgb(41,92,112) |
hsl(197,46%,30%) |
#214A5B |
rgb(33,74,91) |
hsl(198,47%,24%) |
#193845 |
rgb(25,56,69) |
hsl(198,47%,18%) |
#112930 |
rgb(17,41,48) |
hsl(194,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316E86 |
rgb(49,110,134) |
hsl(197,46%,36%) |
#863043 |
rgb(134,48,67) |
hsl(347,47%,36%) |
#867331 |
rgb(134,115,49) |
hsl(47,46%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316E86 |
rgb(49,110,134) |
hsl(197,46%,36%) |
#864A31 |
rgb(134,74,49) |
hsl(18,46%,36%) |
#318773 |
rgb(49,135,115) |
hsl(166,47%,36%) |
#867331 |
rgb(134,115,49) |
hsl(47,46%,36%) |