HEX #305E6B color — Casal
The color #305E6B is a dark shade and moderately saturated.
Palette
305E6B color palette from light to dark
| HEX |
RGB |
HSL |
| #edf5f7 |
rgb(237,245,247) |
hsl(193,38%,95%) |
| #dcebef |
rgb(220,235,239) |
hsl(193,38%,90%) |
| #cae1e7 |
rgb(202,225,231) |
hsl(193,38%,85%) |
| #b9d7df |
rgb(185,215,223) |
hsl(193,38%,80%) |
| #a7cdd7 |
rgb(167,205,215) |
hsl(193,38%,75%) |
| #95c3d0 |
rgb(149,195,208) |
hsl(193,38%,70%) |
| #84b9c8 |
rgb(132,185,200) |
hsl(193,38%,65%) |
| #72afc0 |
rgb(114,175,192) |
hsl(193,38%,60%) |
| #61a5b8 |
rgb(97,165,184) |
hsl(193,38%,55%) |
| #4f9bb0 |
rgb(79,155,176) |
hsl(193,38%,50%) |
| #478b9e |
rgb(71,139,158) |
hsl(193,38%,45%) |
| #3f7c8d |
rgb(63,124,141) |
hsl(193,38%,40%) |
| #376c7b |
rgb(55,108,123) |
hsl(193,38%,35%) |
| #2f5d6a |
rgb(47,93,106) |
hsl(193,38%,30%) |
| #284d58 |
rgb(40,77,88) |
hsl(193,38%,25%) |
| #203e46 |
rgb(32,62,70) |
hsl(193,38%,20%) |
| #182e35 |
rgb(24,46,53) |
hsl(193,38%,15%) |
| #101f23 |
rgb(16,31,35) |
hsl(193,38%,10%) |
| #080f12 |
rgb(8,15,18) |
hsl(193,38%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306B50 |
rgb(48,107,80) |
hsl(153,38%,30%) |
| #305E6B |
rgb(48,94,107) |
hsl(193,38%,30%) |
| #30366B |
rgb(48,54,107) |
hsl(234,38%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #376E7C |
rgb(55,110,124) |
hsl(192,39%,35%) |
| #305E6B |
rgb(48,94,107) |
hsl(193,38%,30%) |
| #284F59 |
rgb(40,79,89) |
hsl(192,38%,25%) |
| #204048 |
rgb(32,64,72) |
hsl(192,38%,20%) |
| #183037 |
rgb(24,48,55) |
hsl(194,39%,15%) |
| #112126 |
rgb(17,33,38) |
hsl(194,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #305E6B |
rgb(48,94,107) |
hsl(193,38%,30%) |
| #6B3040 |
rgb(107,48,64) |
hsl(344,38%,30%) |
| #6B5930 |
rgb(107,89,48) |
hsl(42,38%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #305E6B |
rgb(48,94,107) |
hsl(193,38%,30%) |
| #6B3D30 |
rgb(107,61,48) |
hsl(13,38%,30%) |
| #306B5A |
rgb(48,107,90) |
hsl(163,38%,30%) |
| #6B5930 |
rgb(107,89,48) |
hsl(42,38%,30%) |
