HEX #305B69 color — Casal
The color #305b69 is a dark shade and moderately saturated.
Palette
305b69 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 |
| #306951 |
rgb(48,105,81) |
hsl(155,37%,30%) |
| #305B69 |
rgb(48,91,105) |
hsl(195,37%,30%) |
| #303669 |
rgb(48,54,105) |
hsl(234,37%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376979 |
rgb(55,105,121) |
hsl(195,38%,35%) |
| #305B69 |
rgb(48,91,105) |
hsl(195,37%,30%) |
| #284D58 |
rgb(40,77,88) |
hsl(194,38%,25%) |
| #203D47 |
rgb(32,61,71) |
hsl(195,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 |
| #305B69 |
rgb(48,91,105) |
hsl(195,37%,30%) |
| #69303E |
rgb(105,48,62) |
hsl(345,37%,30%) |
| #695930 |
rgb(105,89,48) |
hsl(43,37%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305B69 |
rgb(48,91,105) |
hsl(195,37%,30%) |
| #693D30 |
rgb(105,61,48) |
hsl(14,37%,30%) |
| #30695A |
rgb(48,105,90) |
hsl(164,37%,30%) |
| #695930 |
rgb(105,89,48) |
hsl(43,37%,30%) |
