HEX #306B5E color — Casal
The color #306B5E is a dark shade and moderately saturated.
Palette
306B5E color palette from light to dark
| HEX |
RGB |
HSL |
| #edf7f5 |
rgb(237,247,245) |
hsl(167,38%,95%) |
| #dcefeb |
rgb(220,239,235) |
hsl(167,38%,90%) |
| #cae7e1 |
rgb(202,231,225) |
hsl(167,38%,85%) |
| #b9dfd7 |
rgb(185,223,215) |
hsl(167,38%,80%) |
| #a7d7cd |
rgb(167,215,205) |
hsl(167,38%,75%) |
| #95d0c3 |
rgb(149,208,195) |
hsl(167,38%,70%) |
| #84c8b9 |
rgb(132,200,185) |
hsl(167,38%,65%) |
| #72c0af |
rgb(114,192,175) |
hsl(167,38%,60%) |
| #61b8a5 |
rgb(97,184,165) |
hsl(167,38%,55%) |
| #4fb09b |
rgb(79,176,155) |
hsl(167,38%,50%) |
| #479e8b |
rgb(71,158,139) |
hsl(167,38%,45%) |
| #3f8d7c |
rgb(63,141,124) |
hsl(167,38%,40%) |
| #377b6c |
rgb(55,123,108) |
hsl(167,38%,35%) |
| #2f6a5d |
rgb(47,106,93) |
hsl(167,38%,30%) |
| #28584d |
rgb(40,88,77) |
hsl(167,38%,25%) |
| #20463e |
rgb(32,70,62) |
hsl(167,38%,20%) |
| #18352e |
rgb(24,53,46) |
hsl(167,38%,15%) |
| #10231f |
rgb(16,35,31) |
hsl(167,38%,10%) |
| #08120f |
rgb(8,18,15) |
hsl(167,38%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306B36 |
rgb(48,107,54) |
hsl(126,38%,30%) |
| #306B5E |
rgb(48,107,94) |
hsl(167,38%,30%) |
| #30526B |
rgb(48,82,107) |
hsl(205,38%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #377D6D |
rgb(55,125,109) |
hsl(166,39%,35%) |
| #306B5E |
rgb(48,107,94) |
hsl(167,38%,30%) |
| #28594E |
rgb(40,89,78) |
hsl(167,38%,25%) |
| #204A3F |
rgb(32,74,63) |
hsl(164,40%,21%) |
| #183830 |
rgb(24,56,48) |
hsl(165,40%,16%) |
| #112621 |
rgb(17,38,33) |
hsl(166,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306B5E |
rgb(48,107,94) |
hsl(167,38%,30%) |
| #6B305A |
rgb(107,48,90) |
hsl(317,38%,30%) |
| #6B4030 |
rgb(107,64,48) |
hsl(16,38%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306B5E |
rgb(48,107,94) |
hsl(167,38%,30%) |
| #6B303D |
rgb(107,48,61) |
hsl(347,38%,30%) |
| #306B40 |
rgb(48,107,64) |
hsl(136,38%,30%) |
| #6B4030 |
rgb(107,64,48) |
hsl(16,38%,30%) |
