HEX #316B89 color — Calypso
The color #316B89 is a dark shade and moderately saturated.
Palette
316B89 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(200,47%,96%) |
#ddecf3 |
rgb(221,236,243) |
hsl(200,47%,91%) |
#cbe1ec |
rgb(203,225,236) |
hsl(200,47%,86%) |
#b8d6e5 |
rgb(184,214,229) |
hsl(200,47%,81%) |
#a5cbdf |
rgb(165,203,223) |
hsl(200,47%,76%) |
#92c1d8 |
rgb(146,193,216) |
hsl(200,47%,71%) |
#80b6d1 |
rgb(128,182,209) |
hsl(200,47%,66%) |
#6dabca |
rgb(109,171,202) |
hsl(200,47%,61%) |
#5aa0c4 |
rgb(90,160,196) |
hsl(200,47%,56%) |
#4796bd |
rgb(71,150,189) |
hsl(200,47%,51%) |
#3e88ac |
rgb(62,136,172) |
hsl(200,47%,46%) |
#37799a |
rgb(55,121,154) |
hsl(200,47%,41%) |
#316a87 |
rgb(49,106,135) |
hsl(200,47%,36%) |
#2a5b74 |
rgb(42,91,116) |
hsl(200,47%,31%) |
#234d61 |
rgb(35,77,97) |
hsl(200,47%,26%) |
#1c3e4f |
rgb(28,62,79) |
hsl(200,47%,21%) |
#162f3c |
rgb(22,47,60) |
hsl(200,47%,16%) |
#0f2029 |
rgb(15,32,41) |
hsl(200,47%,11%) |
#081216 |
rgb(8,18,22) |
hsl(200,47%,6%) |
#010304 |
rgb(1,3,4) |
hsl(200,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#318A6C |
rgb(49,138,108) |
hsl(160,48%,37%) |
#316B89 |
rgb(49,107,137) |
hsl(200,47%,36%) |
#313089 |
rgb(49,48,137) |
hsl(241,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387D9E |
rgb(56,125,158) |
hsl(199,48%,42%) |
#316B89 |
rgb(49,107,137) |
hsl(200,47%,36%) |
#295973 |
rgb(41,89,115) |
hsl(201,47%,31%) |
#214A5D |
rgb(33,74,93) |
hsl(199,48%,25%) |
#193847 |
rgb(25,56,71) |
hsl(200,48%,19%) |
#112631 |
rgb(17,38,49) |
hsl(201,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316B89 |
rgb(49,107,137) |
hsl(200,47%,36%) |
#89303F |
rgb(137,48,63) |
hsl(350,48%,36%) |
#897A31 |
rgb(137,122,49) |
hsl(50,47%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316B89 |
rgb(49,107,137) |
hsl(200,47%,36%) |
#894F31 |
rgb(137,79,49) |
hsl(20,47%,36%) |
#318A7B |
rgb(49,138,123) |
hsl(170,48%,37%) |
#897A31 |
rgb(137,122,49) |
hsl(50,47%,36%) |