HEX #315F63 color — Casal
The color #315f63 is a dark shade and moderately saturated.
Palette
315f63 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfdfd |
rgb(252,253,253) |
hsl(185,34%,99%) |
| #eaf4f5 |
rgb(234,244,245) |
hsl(185,34%,94%) |
| #d9ebec |
rgb(217,235,236) |
hsl(185,34%,89%) |
| #c8e2e4 |
rgb(200,226,228) |
hsl(185,34%,84%) |
| #b7d9dc |
rgb(183,217,220) |
hsl(185,34%,79%) |
| #a6cfd3 |
rgb(166,207,211) |
hsl(185,34%,74%) |
| #95c6cb |
rgb(149,198,203) |
hsl(185,34%,69%) |
| #84bdc2 |
rgb(132,189,194) |
hsl(185,34%,64%) |
| #73b4ba |
rgb(115,180,186) |
hsl(185,34%,59%) |
| #62abb2 |
rgb(98,171,178) |
hsl(185,34%,54%) |
| #52a0a7 |
rgb(82,160,167) |
hsl(185,34%,49%) |
| #4a9096 |
rgb(74,144,150) |
hsl(185,34%,44%) |
| #428085 |
rgb(66,128,133) |
hsl(185,34%,39%) |
| #396f74 |
rgb(57,111,116) |
hsl(185,34%,34%) |
| #315f63 |
rgb(49,95,99) |
hsl(185,34%,29%) |
| #284f52 |
rgb(40,79,82) |
hsl(185,34%,24%) |
| #203e41 |
rgb(32,62,65) |
hsl(185,34%,19%) |
| #182e30 |
rgb(24,46,48) |
hsl(185,34%,14%) |
| #0f1d1f |
rgb(15,29,31) |
hsl(185,34%,9%) |
| #070d0e |
rgb(7,13,14) |
hsl(185,34%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #316345 |
rgb(49,99,69) |
hsl(144,34%,29%) |
| #315F63 |
rgb(49,95,99) |
hsl(185,34%,29%) |
| #313D63 |
rgb(49,61,99) |
hsl(226,34%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #386E72 |
rgb(56,110,114) |
hsl(184,34%,33%) |
| #315F63 |
rgb(49,95,99) |
hsl(185,34%,29%) |
| #294F53 |
rgb(41,79,83) |
hsl(186,34%,24%) |
| #214043 |
rgb(33,64,67) |
hsl(185,34%,20%) |
| #193033 |
rgb(25,48,51) |
hsl(187,34%,15%) |
| #112123 |
rgb(17,33,35) |
hsl(187,35%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #315F63 |
rgb(49,95,99) |
hsl(185,34%,29%) |
| #633046 |
rgb(99,48,70) |
hsl(334,35%,29%) |
| #634F31 |
rgb(99,79,49) |
hsl(36,34%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #315F63 |
rgb(49,95,99) |
hsl(185,34%,29%) |
| #633631 |
rgb(99,54,49) |
hsl(6,34%,29%) |
| #31634E |
rgb(49,99,78) |
hsl(155,34%,29%) |
| #634F31 |
rgb(99,79,49) |
hsl(36,34%,29%) |
