HEX #316687 color — Calypso
The color #316687 is a dark shade and moderately saturated.
Palette
316687 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(203,47%,96%) |
#ddebf3 |
rgb(221,235,243) |
hsl(203,47%,91%) |
#cbdfec |
rgb(203,223,236) |
hsl(203,47%,86%) |
#b8d4e5 |
rgb(184,212,229) |
hsl(203,47%,81%) |
#a5c9df |
rgb(165,201,223) |
hsl(203,47%,76%) |
#92bdd8 |
rgb(146,189,216) |
hsl(203,47%,71%) |
#80b2d1 |
rgb(128,178,209) |
hsl(203,47%,66%) |
#6da6ca |
rgb(109,166,202) |
hsl(203,47%,61%) |
#5a9bc4 |
rgb(90,155,196) |
hsl(203,47%,56%) |
#4790bd |
rgb(71,144,189) |
hsl(203,47%,51%) |
#3e82ac |
rgb(62,130,172) |
hsl(203,47%,46%) |
#37749a |
rgb(55,116,154) |
hsl(203,47%,41%) |
#316687 |
rgb(49,102,135) |
hsl(203,47%,36%) |
#2a5874 |
rgb(42,88,116) |
hsl(203,47%,31%) |
#234a61 |
rgb(35,74,97) |
hsl(203,47%,26%) |
#1c3b4f |
rgb(28,59,79) |
hsl(203,47%,21%) |
#162d3c |
rgb(22,45,60) |
hsl(203,47%,16%) |
#0f1f29 |
rgb(15,31,41) |
hsl(203,47%,11%) |
#081116 |
rgb(8,17,22) |
hsl(203,47%,6%) |
#010304 |
rgb(1,3,4) |
hsl(203,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#31876E |
rgb(49,135,110) |
hsl(163,47%,36%) |
#316687 |
rgb(49,102,135) |
hsl(203,47%,36%) |
#353087 |
rgb(53,48,135) |
hsl(243,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#38759C |
rgb(56,117,156) |
hsl(203,47%,42%) |
#316687 |
rgb(49,102,135) |
hsl(203,47%,36%) |
#295771 |
rgb(41,87,113) |
hsl(202,47%,30%) |
#21455B |
rgb(33,69,91) |
hsl(203,47%,24%) |
#193646 |
rgb(25,54,70) |
hsl(201,47%,19%) |
#112430 |
rgb(17,36,48) |
hsl(203,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316687 |
rgb(49,102,135) |
hsl(203,47%,36%) |
#87303B |
rgb(135,48,59) |
hsl(352,48%,36%) |
#877D31 |
rgb(135,125,49) |
hsl(53,47%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316687 |
rgb(49,102,135) |
hsl(203,47%,36%) |
#875231 |
rgb(135,82,49) |
hsl(23,47%,36%) |
#31877D |
rgb(49,135,125) |
hsl(173,47%,36%) |
#877D31 |
rgb(135,125,49) |
hsl(53,47%,36%) |