HEX #305E69 color — Casal
The color #305E69 is a dark shade and moderately saturated.
Palette
305E69 color palette from light to dark
| HEX |
RGB |
HSL |
| #eef5f7 |
rgb(238,245,247) |
hsl(192,37%,95%) |
| #dcebef |
rgb(220,235,239) |
hsl(192,37%,90%) |
| #cbe1e7 |
rgb(203,225,231) |
hsl(192,37%,85%) |
| #b9d7df |
rgb(185,215,223) |
hsl(192,37%,80%) |
| #a8cdd7 |
rgb(168,205,215) |
hsl(192,37%,75%) |
| #96c3cf |
rgb(150,195,207) |
hsl(192,37%,70%) |
| #85bac7 |
rgb(133,186,199) |
hsl(192,37%,65%) |
| #73b0bf |
rgb(115,176,191) |
hsl(192,37%,60%) |
| #62a6b7 |
rgb(98,166,183) |
hsl(192,37%,55%) |
| #509caf |
rgb(80,156,175) |
hsl(192,37%,50%) |
| #488c9d |
rgb(72,140,157) |
hsl(192,37%,45%) |
| #407d8c |
rgb(64,125,140) |
hsl(192,37%,40%) |
| #386d7a |
rgb(56,109,122) |
hsl(192,37%,35%) |
| #305d69 |
rgb(48,93,105) |
hsl(192,37%,30%) |
| #284e57 |
rgb(40,78,87) |
hsl(192,37%,25%) |
| #203e46 |
rgb(32,62,70) |
hsl(192,37%,20%) |
| #182f34 |
rgb(24,47,52) |
hsl(192,37%,15%) |
| #101f23 |
rgb(16,31,35) |
hsl(192,37%,10%) |
| #081011 |
rgb(8,16,17) |
hsl(192,37%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #30694E |
rgb(48,105,78) |
hsl(152,37%,30%) |
| #305E69 |
rgb(48,94,105) |
hsl(192,37%,30%) |
| #303869 |
rgb(48,56,105) |
hsl(232,37%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376E79 |
rgb(55,110,121) |
hsl(190,38%,35%) |
| #305E69 |
rgb(48,94,105) |
hsl(192,37%,30%) |
| #284F58 |
rgb(40,79,88) |
hsl(191,38%,25%) |
| #204047 |
rgb(32,64,71) |
hsl(191,38%,20%) |
| #183036 |
rgb(24,48,54) |
hsl(192,38%,15%) |
| #112125 |
rgb(17,33,37) |
hsl(192,37%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305E69 |
rgb(48,94,105) |
hsl(192,37%,30%) |
| #693041 |
rgb(105,48,65) |
hsl(342,37%,30%) |
| #695730 |
rgb(105,87,48) |
hsl(41,37%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305E69 |
rgb(48,94,105) |
hsl(192,37%,30%) |
| #693B30 |
rgb(105,59,48) |
hsl(12,37%,30%) |
| #306957 |
rgb(48,105,87) |
hsl(161,37%,30%) |
| #695730 |
rgb(105,87,48) |
hsl(41,37%,30%) |
