HEX #315A68 color — Casal
The color #315a68 is a dark shade and moderately saturated.
Palette
315a68 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef5f7 |
rgb(238,245,247) |
hsl(195,36%,95%) |
| #dceaef |
rgb(220,234,239) |
hsl(195,36%,90%) |
| #cbe0e7 |
rgb(203,224,231) |
hsl(195,36%,85%) |
| #bad5de |
rgb(186,213,222) |
hsl(195,36%,80%) |
| #a8cbd6 |
rgb(168,203,214) |
hsl(195,36%,75%) |
| #97c0ce |
rgb(151,192,206) |
hsl(195,36%,70%) |
| #86b6c6 |
rgb(134,182,198) |
hsl(195,36%,65%) |
| #74abbe |
rgb(116,171,190) |
hsl(195,36%,60%) |
| #63a1b6 |
rgb(99,161,182) |
hsl(195,36%,55%) |
| #5296ad |
rgb(82,150,173) |
hsl(195,36%,50%) |
| #49879c |
rgb(73,135,156) |
hsl(195,36%,45%) |
| #41788b |
rgb(65,120,139) |
hsl(195,36%,40%) |
| #396979 |
rgb(57,105,121) |
hsl(195,36%,35%) |
| #315a68 |
rgb(49,90,104) |
hsl(195,36%,30%) |
| #294b57 |
rgb(41,75,87) |
hsl(195,36%,25%) |
| #213c45 |
rgb(33,60,69) |
hsl(195,36%,20%) |
| #182d34 |
rgb(24,45,52) |
hsl(195,36%,15%) |
| #101e23 |
rgb(16,30,35) |
hsl(195,36%,10%) |
| #080f11 |
rgb(8,15,17) |
hsl(195,36%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #316951 |
rgb(49,105,81) |
hsl(154,36%,30%) |
| #315A68 |
rgb(49,90,104) |
hsl(195,36%,30%) |
| #313668 |
rgb(49,54,104) |
hsl(235,36%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #386978 |
rgb(56,105,120) |
hsl(194,36%,35%) |
| #315A68 |
rgb(49,90,104) |
hsl(195,36%,30%) |
| #294D57 |
rgb(41,77,87) |
hsl(193,36%,25%) |
| #213D46 |
rgb(33,61,70) |
hsl(195,36%,20%) |
| #192E36 |
rgb(25,46,54) |
hsl(197,37%,15%) |
| #112125 |
rgb(17,33,37) |
hsl(192,37%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #315A68 |
rgb(49,90,104) |
hsl(195,36%,30%) |
| #68303E |
rgb(104,48,62) |
hsl(345,37%,30%) |
| #685931 |
rgb(104,89,49) |
hsl(44,36%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #315A68 |
rgb(49,90,104) |
hsl(195,36%,30%) |
| #684031 |
rgb(104,64,49) |
hsl(16,36%,30%) |
| #31695A |
rgb(49,105,90) |
hsl(164,36%,30%) |
| #685931 |
rgb(104,89,49) |
hsl(44,36%,30%) |
