HEX #316669 color — Casal
The color #316669 is a dark shade and moderately saturated.
Palette
316669 color palette from light to dark
HEX |
RGB |
HSL |
#eef6f7 |
rgb(238,246,247) |
hsl(183,36%,95%) |
#dceeef |
rgb(220,238,239) |
hsl(183,36%,90%) |
#cbe5e7 |
rgb(203,229,231) |
hsl(183,36%,85%) |
#baddde |
rgb(186,221,222) |
hsl(183,36%,80%) |
#a8d4d6 |
rgb(168,212,214) |
hsl(183,36%,75%) |
#97cbce |
rgb(151,203,206) |
hsl(183,36%,70%) |
#86c3c6 |
rgb(134,195,198) |
hsl(183,36%,65%) |
#74babe |
rgb(116,186,190) |
hsl(183,36%,60%) |
#63b1b6 |
rgb(99,177,182) |
hsl(183,36%,55%) |
#52a9ad |
rgb(82,169,173) |
hsl(183,36%,50%) |
#49989c |
rgb(73,152,156) |
hsl(183,36%,45%) |
#41878b |
rgb(65,135,139) |
hsl(183,36%,40%) |
#397679 |
rgb(57,118,121) |
hsl(183,36%,35%) |
#316568 |
rgb(49,101,104) |
hsl(183,36%,30%) |
#295457 |
rgb(41,84,87) |
hsl(183,36%,25%) |
#214445 |
rgb(33,68,69) |
hsl(183,36%,20%) |
#183334 |
rgb(24,51,52) |
hsl(183,36%,15%) |
#102223 |
rgb(16,34,35) |
hsl(183,36%,10%) |
#081111 |
rgb(8,17,17) |
hsl(183,36%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#316946 |
rgb(49,105,70) |
hsl(143,36%,30%) |
#316669 |
rgb(49,102,105) |
hsl(183,36%,30%) |
#314069 |
rgb(49,64,105) |
hsl(224,36%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387579 |
rgb(56,117,121) |
hsl(184,37%,35%) |
#316669 |
rgb(49,102,105) |
hsl(183,36%,30%) |
#295758 |
rgb(41,87,88) |
hsl(181,36%,25%) |
#214547 |
rgb(33,69,71) |
hsl(183,37%,20%) |
#193636 |
rgb(25,54,54) |
hsl(180,37%,15%) |
#112425 |
rgb(17,36,37) |
hsl(183,37%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#316669 |
rgb(49,102,105) |
hsl(183,36%,30%) |
#69304A |
rgb(105,48,74) |
hsl(333,37%,30%) |
#694F31 |
rgb(105,79,49) |
hsl(32,36%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316669 |
rgb(49,102,105) |
hsl(183,36%,30%) |
#693331 |
rgb(105,51,49) |
hsl(2,36%,30%) |
#316950 |
rgb(49,105,80) |
hsl(153,36%,30%) |
#694F31 |
rgb(105,79,49) |
hsl(32,36%,30%) |