HEX #315766 color — Casal
The color #315766 is a dark shade and moderately saturated.
Palette
315766 color palette from light to dark
HEX |
RGB |
HSL |
#eef4f7 |
rgb(238,244,247) |
hsl(197,35%,95%) |
#dde9ee |
rgb(221,233,238) |
hsl(197,35%,90%) |
#cbdfe6 |
rgb(203,223,230) |
hsl(197,35%,85%) |
#bad4de |
rgb(186,212,222) |
hsl(197,35%,80%) |
#a9c9d6 |
rgb(169,201,214) |
hsl(197,35%,75%) |
#98becd |
rgb(152,190,205) |
hsl(197,35%,70%) |
#87b3c5 |
rgb(135,179,197) |
hsl(197,35%,65%) |
#75a8bd |
rgb(117,168,189) |
hsl(197,35%,60%) |
#649eb4 |
rgb(100,158,180) |
hsl(197,35%,55%) |
#5393ac |
rgb(83,147,172) |
hsl(197,35%,50%) |
#4b849b |
rgb(75,132,155) |
hsl(197,35%,45%) |
#42758a |
rgb(66,117,138) |
hsl(197,35%,40%) |
#3a6778 |
rgb(58,103,120) |
hsl(197,35%,35%) |
#325867 |
rgb(50,88,103) |
hsl(197,35%,30%) |
#294956 |
rgb(41,73,86) |
hsl(197,35%,25%) |
#213b45 |
rgb(33,59,69) |
hsl(197,35%,20%) |
#192c34 |
rgb(25,44,52) |
hsl(197,35%,15%) |
#111d22 |
rgb(17,29,34) |
hsl(197,35%,10%) |
#080f11 |
rgb(8,15,17) |
hsl(197,35%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#316651 |
rgb(49,102,81) |
hsl(156,35%,30%) |
#315766 |
rgb(49,87,102) |
hsl(197,35%,30%) |
#313366 |
rgb(49,51,102) |
hsl(238,35%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#386676 |
rgb(56,102,118) |
hsl(195,36%,34%) |
#315766 |
rgb(49,87,102) |
hsl(197,35%,30%) |
#294A55 |
rgb(41,74,85) |
hsl(195,35%,25%) |
#213B45 |
rgb(33,59,69) |
hsl(197,35%,20%) |
#192E35 |
rgb(25,46,53) |
hsl(195,36%,15%) |
#111F24 |
rgb(17,31,36) |
hsl(196,36%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#315766 |
rgb(49,87,102) |
hsl(197,35%,30%) |
#66303C |
rgb(102,48,60) |
hsl(347,36%,29%) |
#665931 |
rgb(102,89,49) |
hsl(45,35%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#315766 |
rgb(49,87,102) |
hsl(197,35%,30%) |
#664031 |
rgb(102,64,49) |
hsl(17,35%,30%) |
#31665A |
rgb(49,102,90) |
hsl(166,35%,30%) |
#665931 |
rgb(102,89,49) |
hsl(45,35%,30%) |