HEX #315C6A color — Casal
The color #315C6A is a dark shade and moderately saturated.
Palette
315C6A color palette from light to dark
| HEX |
RGB |
HSL |
| #eef5f7 |
rgb(238,245,247) |
hsl(195,37%,95%) |
| #dceaef |
rgb(220,234,239) |
hsl(195,37%,90%) |
| #cbe0e7 |
rgb(203,224,231) |
hsl(195,37%,85%) |
| #b9d5df |
rgb(185,213,223) |
hsl(195,37%,80%) |
| #a8cbd7 |
rgb(168,203,215) |
hsl(195,37%,75%) |
| #96c1cf |
rgb(150,193,207) |
hsl(195,37%,70%) |
| #85b6c7 |
rgb(133,182,199) |
hsl(195,37%,65%) |
| #73acbf |
rgb(115,172,191) |
hsl(195,37%,60%) |
| #62a1b7 |
rgb(98,161,183) |
hsl(195,37%,55%) |
| #5097af |
rgb(80,151,175) |
hsl(195,37%,50%) |
| #48889d |
rgb(72,136,157) |
hsl(195,37%,45%) |
| #40798c |
rgb(64,121,140) |
hsl(195,37%,40%) |
| #386a7a |
rgb(56,106,122) |
hsl(195,37%,35%) |
| #305b69 |
rgb(48,91,105) |
hsl(195,37%,30%) |
| #284c57 |
rgb(40,76,87) |
hsl(195,37%,25%) |
| #203c46 |
rgb(32,60,70) |
hsl(195,37%,20%) |
| #182d34 |
rgb(24,45,52) |
hsl(195,37%,15%) |
| #101e23 |
rgb(16,30,35) |
hsl(195,37%,10%) |
| #080f11 |
rgb(8,15,17) |
hsl(195,37%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #316B52 |
rgb(49,107,82) |
hsl(154,37%,31%) |
| #315C6A |
rgb(49,92,106) |
hsl(195,37%,30%) |
| #31366A |
rgb(49,54,106) |
hsl(235,37%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #386B7A |
rgb(56,107,122) |
hsl(194,37%,35%) |
| #315C6A |
rgb(49,92,106) |
hsl(195,37%,30%) |
| #294D59 |
rgb(41,77,89) |
hsl(195,37%,25%) |
| #214048 |
rgb(33,64,72) |
hsl(192,37%,21%) |
| #193037 |
rgb(25,48,55) |
hsl(194,38%,16%) |
| #112126 |
rgb(17,33,38) |
hsl(194,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #315C6A |
rgb(49,92,106) |
hsl(195,37%,30%) |
| #6A303F |
rgb(106,48,63) |
hsl(344,38%,30%) |
| #6A5C31 |
rgb(106,92,49) |
hsl(45,37%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #315C6A |
rgb(49,92,106) |
hsl(195,37%,30%) |
| #6A4031 |
rgb(106,64,49) |
hsl(16,37%,30%) |
| #316B5B |
rgb(49,107,91) |
hsl(163,37%,31%) |
| #6A5C31 |
rgb(106,92,49) |
hsl(45,37%,30%) |
