HEX #316B88 color — Calypso
The color #316B88 is a dark shade and moderately saturated.
Palette
316B88 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 |
#31876B |
rgb(49,135,107) |
hsl(160,47%,36%) |
#316B88 |
rgb(49,107,136) |
hsl(200,47%,36%) |
#313088 |
rgb(49,48,136) |
hsl(241,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387D9D |
rgb(56,125,157) |
hsl(199,47%,42%) |
#316B88 |
rgb(49,107,136) |
hsl(200,47%,36%) |
#295972 |
rgb(41,89,114) |
hsl(201,47%,30%) |
#214A5C |
rgb(33,74,92) |
hsl(198,47%,25%) |
#193846 |
rgb(25,56,70) |
hsl(199,47%,19%) |
#112630 |
rgb(17,38,48) |
hsl(199,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316B88 |
rgb(49,107,136) |
hsl(200,47%,36%) |
#88303F |
rgb(136,48,63) |
hsl(350,48%,36%) |
#887A31 |
rgb(136,122,49) |
hsl(50,47%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316B88 |
rgb(49,107,136) |
hsl(200,47%,36%) |
#884F31 |
rgb(136,79,49) |
hsl(21,47%,36%) |
#318779 |
rgb(49,135,121) |
hsl(170,47%,36%) |
#887A31 |
rgb(136,122,49) |
hsl(50,47%,36%) |