HEX #316867 color — Casal
The color #316867 is a dark shade and moderately saturated.
Palette
316867 color palette from light to dark
HEX |
RGB |
HSL |
#eef7f7 |
rgb(238,247,247) |
hsl(179,36%,95%) |
#dcefee |
rgb(220,239,238) |
hsl(179,36%,90%) |
#cbe7e6 |
rgb(203,231,230) |
hsl(179,36%,85%) |
#badede |
rgb(186,222,222) |
hsl(179,36%,80%) |
#a8d6d5 |
rgb(168,214,213) |
hsl(179,36%,75%) |
#97cecd |
rgb(151,206,205) |
hsl(179,36%,70%) |
#86c6c5 |
rgb(134,198,197) |
hsl(179,36%,65%) |
#74bebc |
rgb(116,190,188) |
hsl(179,36%,60%) |
#63b6b4 |
rgb(99,182,180) |
hsl(179,36%,55%) |
#52adac |
rgb(82,173,172) |
hsl(179,36%,50%) |
#499c9b |
rgb(73,156,155) |
hsl(179,36%,45%) |
#418b89 |
rgb(65,139,137) |
hsl(179,36%,40%) |
#397978 |
rgb(57,121,120) |
hsl(179,36%,35%) |
#316867 |
rgb(49,104,103) |
hsl(179,36%,30%) |
#295756 |
rgb(41,87,86) |
hsl(179,36%,25%) |
#214545 |
rgb(33,69,69) |
hsl(179,36%,20%) |
#183434 |
rgb(24,52,52) |
hsl(179,36%,15%) |
#102322 |
rgb(16,35,34) |
hsl(179,36%,10%) |
#081111 |
rgb(8,17,17) |
hsl(179,36%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#316942 |
rgb(49,105,66) |
hsl(138,36%,30%) |
#316867 |
rgb(49,104,103) |
hsl(179,36%,30%) |
#314568 |
rgb(49,69,104) |
hsl(218,36%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387877 |
rgb(56,120,119) |
hsl(179,36%,35%) |
#316867 |
rgb(49,104,103) |
hsl(179,36%,30%) |
#295756 |
rgb(41,87,86) |
hsl(179,36%,25%) |
#214746 |
rgb(33,71,70) |
hsl(178,37%,20%) |
#193635 |
rgb(25,54,53) |
hsl(178,37%,15%) |
#112625 |
rgb(17,38,37) |
hsl(177,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#316867 |
rgb(49,104,103) |
hsl(179,36%,30%) |
#68304D |
rgb(104,48,77) |
hsl(329,37%,30%) |
#684D31 |
rgb(104,77,49) |
hsl(31,36%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316867 |
rgb(49,104,103) |
hsl(179,36%,30%) |
#683032 |
rgb(104,48,50) |
hsl(358,37%,30%) |
#31694B |
rgb(49,105,75) |
hsl(148,36%,30%) |
#684D31 |
rgb(104,77,49) |
hsl(31,36%,30%) |