HEX #316689 color — Calypso
The color #316689 is a dark shade and moderately saturated.
Palette
316689 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(204,47%,96%) |
#ddeaf3 |
rgb(221,234,243) |
hsl(204,47%,91%) |
#cbdfec |
rgb(203,223,236) |
hsl(204,47%,86%) |
#b8d3e5 |
rgb(184,211,229) |
hsl(204,47%,81%) |
#a5c8df |
rgb(165,200,223) |
hsl(204,47%,76%) |
#92bcd8 |
rgb(146,188,216) |
hsl(204,47%,71%) |
#80b0d1 |
rgb(128,176,209) |
hsl(204,47%,66%) |
#6da5ca |
rgb(109,165,202) |
hsl(204,47%,61%) |
#5a99c4 |
rgb(90,153,196) |
hsl(204,47%,56%) |
#478ebd |
rgb(71,142,189) |
hsl(204,47%,51%) |
#3e80ac |
rgb(62,128,172) |
hsl(204,47%,46%) |
#37729a |
rgb(55,114,154) |
hsl(204,47%,41%) |
#316487 |
rgb(49,100,135) |
hsl(204,47%,36%) |
#2a5674 |
rgb(42,86,116) |
hsl(204,47%,31%) |
#234961 |
rgb(35,73,97) |
hsl(204,47%,26%) |
#1c3b4f |
rgb(28,59,79) |
hsl(204,47%,21%) |
#162d3c |
rgb(22,45,60) |
hsl(204,47%,16%) |
#0f1f29 |
rgb(15,31,41) |
hsl(204,47%,11%) |
#081116 |
rgb(8,17,22) |
hsl(204,47%,6%) |
#010304 |
rgb(1,3,4) |
hsl(204,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#318A71 |
rgb(49,138,113) |
hsl(163,48%,37%) |
#316689 |
rgb(49,102,137) |
hsl(204,47%,36%) |
#363089 |
rgb(54,48,137) |
hsl(244,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#38759E |
rgb(56,117,158) |
hsl(204,48%,42%) |
#316689 |
rgb(49,102,137) |
hsl(204,47%,36%) |
#295773 |
rgb(41,87,115) |
hsl(203,47%,31%) |
#21455D |
rgb(33,69,93) |
hsl(204,48%,25%) |
#193647 |
rgb(25,54,71) |
hsl(202,48%,19%) |
#112431 |
rgb(17,36,49) |
hsl(204,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316689 |
rgb(49,102,137) |
hsl(204,47%,36%) |
#89303A |
rgb(137,48,58) |
hsl(353,48%,36%) |
#898031 |
rgb(137,128,49) |
hsl(54,47%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316689 |
rgb(49,102,137) |
hsl(204,47%,36%) |
#895431 |
rgb(137,84,49) |
hsl(24,47%,36%) |
#318A80 |
rgb(49,138,128) |
hsl(173,48%,37%) |
#898031 |
rgb(137,128,49) |
hsl(54,47%,36%) |