HEX #316768 color — Casal
The color #316768 is a dark shade and moderately saturated.
Palette
316768 color palette from light to dark
HEX |
RGB |
HSL |
#eef7f7 |
rgb(238,247,247) |
hsl(181,36%,95%) |
#dceeef |
rgb(220,238,239) |
hsl(181,36%,90%) |
#cbe6e7 |
rgb(203,230,231) |
hsl(181,36%,85%) |
#badede |
rgb(186,222,222) |
hsl(181,36%,80%) |
#a8d5d6 |
rgb(168,213,214) |
hsl(181,36%,75%) |
#97cdce |
rgb(151,205,206) |
hsl(181,36%,70%) |
#86c5c6 |
rgb(134,197,198) |
hsl(181,36%,65%) |
#74bcbe |
rgb(116,188,190) |
hsl(181,36%,60%) |
#63b4b6 |
rgb(99,180,182) |
hsl(181,36%,55%) |
#52acad |
rgb(82,172,173) |
hsl(181,36%,50%) |
#499b9c |
rgb(73,155,156) |
hsl(181,36%,45%) |
#41898b |
rgb(65,137,139) |
hsl(181,36%,40%) |
#397879 |
rgb(57,120,121) |
hsl(181,36%,35%) |
#316768 |
rgb(49,103,104) |
hsl(181,36%,30%) |
#295657 |
rgb(41,86,87) |
hsl(181,36%,25%) |
#214545 |
rgb(33,69,69) |
hsl(181,36%,20%) |
#183434 |
rgb(24,52,52) |
hsl(181,36%,15%) |
#102223 |
rgb(16,34,35) |
hsl(181,36%,10%) |
#081111 |
rgb(8,17,17) |
hsl(181,36%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#316944 |
rgb(49,105,68) |
hsl(140,36%,30%) |
#316768 |
rgb(49,103,104) |
hsl(181,36%,30%) |
#314268 |
rgb(49,66,104) |
hsl(221,36%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#387878 |
rgb(56,120,120) |
hsl(180,36%,35%) |
#316768 |
rgb(49,103,104) |
hsl(181,36%,30%) |
#295757 |
rgb(41,87,87) |
hsl(180,36%,25%) |
#214546 |
rgb(33,69,70) |
hsl(182,36%,20%) |
#193636 |
rgb(25,54,54) |
hsl(180,37%,15%) |
#112625 |
rgb(17,38,37) |
hsl(177,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#316768 |
rgb(49,103,104) |
hsl(181,36%,30%) |
#68304B |
rgb(104,48,75) |
hsl(331,37%,30%) |
#684D31 |
rgb(104,77,49) |
hsl(31,36%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#316768 |
rgb(49,103,104) |
hsl(181,36%,30%) |
#683331 |
rgb(104,51,49) |
hsl(2,36%,30%) |
#31694D |
rgb(49,105,77) |
hsl(150,36%,30%) |
#684D31 |
rgb(104,77,49) |
hsl(31,36%,30%) |