HEX #305E63 color — Casal
The color #305E63 is a dark shade and moderately saturated.
Palette
305E63 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfdfd |
rgb(252,253,253) |
hsl(186,35%,99%) |
| #eaf4f5 |
rgb(234,244,245) |
hsl(186,35%,94%) |
| #d9ebed |
rgb(217,235,237) |
hsl(186,35%,89%) |
| #c8e2e4 |
rgb(200,226,228) |
hsl(186,35%,84%) |
| #b7d8dc |
rgb(183,216,220) |
hsl(186,35%,79%) |
| #a5cfd4 |
rgb(165,207,212) |
hsl(186,35%,74%) |
| #94c6cc |
rgb(148,198,204) |
hsl(186,35%,69%) |
| #83bdc3 |
rgb(131,189,195) |
hsl(186,35%,64%) |
| #72b4bb |
rgb(114,180,187) |
hsl(186,35%,59%) |
| #61abb3 |
rgb(97,171,179) |
hsl(186,35%,54%) |
| #51a0a9 |
rgb(81,160,169) |
hsl(186,35%,49%) |
| #499097 |
rgb(73,144,151) |
hsl(186,35%,44%) |
| #417f86 |
rgb(65,127,134) |
hsl(186,35%,39%) |
| #386f75 |
rgb(56,111,117) |
hsl(186,35%,34%) |
| #305f64 |
rgb(48,95,100) |
hsl(186,35%,29%) |
| #284e53 |
rgb(40,78,83) |
hsl(186,35%,24%) |
| #1f3e41 |
rgb(31,62,65) |
hsl(186,35%,19%) |
| #172e30 |
rgb(23,46,48) |
hsl(186,35%,14%) |
| #0f1d1f |
rgb(15,29,31) |
hsl(186,35%,9%) |
| #070d0e |
rgb(7,13,14) |
hsl(186,35%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306346 |
rgb(48,99,70) |
hsl(146,35%,29%) |
| #305E63 |
rgb(48,94,99) |
hsl(186,35%,29%) |
| #303D63 |
rgb(48,61,99) |
hsl(225,35%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376E72 |
rgb(55,110,114) |
hsl(184,35%,33%) |
| #305E63 |
rgb(48,94,99) |
hsl(186,35%,29%) |
| #284F53 |
rgb(40,79,83) |
hsl(186,35%,24%) |
| #204043 |
rgb(32,64,67) |
hsl(185,35%,19%) |
| #183033 |
rgb(24,48,51) |
hsl(187,36%,15%) |
| #112123 |
rgb(17,33,35) |
hsl(187,35%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305E63 |
rgb(48,94,99) |
hsl(186,35%,29%) |
| #633044 |
rgb(99,48,68) |
hsl(336,35%,29%) |
| #634F30 |
rgb(99,79,48) |
hsl(36,35%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305E63 |
rgb(48,94,99) |
hsl(186,35%,29%) |
| #633630 |
rgb(99,54,48) |
hsl(7,35%,29%) |
| #30634E |
rgb(48,99,78) |
hsl(155,35%,29%) |
| #634F30 |
rgb(99,79,48) |
hsl(36,35%,29%) |
