HEX #316E89 color — Calypso
The color #316E89 is a dark shade and moderately saturated.
Palette
316E89 color palette from light to dark
HEX |
RGB |
HSL |
#f0f7fa |
rgb(240,247,250) |
hsl(198,47%,96%) |
#ddecf3 |
rgb(221,236,243) |
hsl(198,47%,91%) |
#cbe2ec |
rgb(203,226,236) |
hsl(198,47%,86%) |
#b8d8e5 |
rgb(184,216,229) |
hsl(198,47%,81%) |
#a5cddf |
rgb(165,205,223) |
hsl(198,47%,76%) |
#92c3d8 |
rgb(146,195,216) |
hsl(198,47%,71%) |
#80b9d1 |
rgb(128,185,209) |
hsl(198,47%,66%) |
#6daeca |
rgb(109,174,202) |
hsl(198,47%,61%) |
#5aa4c4 |
rgb(90,164,196) |
hsl(198,47%,56%) |
#479abd |
rgb(71,154,189) |
hsl(198,47%,51%) |
#3e8bac |
rgb(62,139,172) |
hsl(198,47%,46%) |
#377c9a |
rgb(55,124,154) |
hsl(198,47%,41%) |
#316d87 |
rgb(49,109,135) |
hsl(198,47%,36%) |
#2a5e74 |
rgb(42,94,116) |
hsl(198,47%,31%) |
#234f61 |
rgb(35,79,97) |
hsl(198,47%,26%) |
#1c404f |
rgb(28,64,79) |
hsl(198,47%,21%) |
#16303c |
rgb(22,48,60) |
hsl(198,47%,16%) |
#0f2129 |
rgb(15,33,41) |
hsl(198,47%,11%) |
#081216 |
rgb(8,18,22) |
hsl(198,47%,6%) |
#010304 |
rgb(1,3,4) |
hsl(198,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#318A69 |
rgb(49,138,105) |
hsl(158,48%,37%) |
#316E89 |
rgb(49,110,137) |
hsl(198,47%,36%) |
#313389 |
rgb(49,51,137) |
hsl(239,47%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#38809E |
rgb(56,128,158) |
hsl(198,48%,42%) |
#316E89 |
rgb(49,110,137) |
hsl(198,47%,36%) |
#295C73 |
rgb(41,92,115) |
hsl(199,47%,31%) |
#214A5D |
rgb(33,74,93) |
hsl(199,48%,25%) |
#193847 |
rgb(25,56,71) |
hsl(200,48%,19%) |
#112931 |
rgb(17,41,49) |
hsl(195,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#316E89 |
rgb(49,110,137) |
hsl(198,47%,36%) |
#893042 |
rgb(137,48,66) |
hsl(348,48%,36%) |
#897831 |
rgb(137,120,49) |
hsl(48,47%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316E89 |
rgb(49,110,137) |
hsl(198,47%,36%) |
#894D31 |
rgb(137,77,49) |
hsl(19,47%,36%) |
#318A78 |
rgb(49,138,120) |
hsl(168,48%,37%) |
#897831 |
rgb(137,120,49) |
hsl(48,47%,36%) |