HEX #306B61 color — Casal
The color #306B61 is a dark shade and moderately saturated.
Palette
306B61 color palette from light to dark
| HEX |
RGB |
HSL |
| #edf7f5 |
rgb(237,247,245) |
hsl(170,38%,95%) |
| #dcefec |
rgb(220,239,236) |
hsl(170,38%,90%) |
| #cae7e2 |
rgb(202,231,226) |
hsl(170,38%,85%) |
| #b9dfd9 |
rgb(185,223,217) |
hsl(170,38%,80%) |
| #a7d7cf |
rgb(167,215,207) |
hsl(170,38%,75%) |
| #95d0c6 |
rgb(149,208,198) |
hsl(170,38%,70%) |
| #84c8bc |
rgb(132,200,188) |
hsl(170,38%,65%) |
| #72c0b3 |
rgb(114,192,179) |
hsl(170,38%,60%) |
| #61b8a9 |
rgb(97,184,169) |
hsl(170,38%,55%) |
| #4fb0a0 |
rgb(79,176,160) |
hsl(170,38%,50%) |
| #479e90 |
rgb(71,158,144) |
hsl(170,38%,45%) |
| #3f8d80 |
rgb(63,141,128) |
hsl(170,38%,40%) |
| #377b70 |
rgb(55,123,112) |
hsl(170,38%,35%) |
| #2f6a60 |
rgb(47,106,96) |
hsl(170,38%,30%) |
| #285850 |
rgb(40,88,80) |
hsl(170,38%,25%) |
| #204640 |
rgb(32,70,64) |
hsl(170,38%,20%) |
| #183530 |
rgb(24,53,48) |
hsl(170,38%,15%) |
| #102320 |
rgb(16,35,32) |
hsl(170,38%,10%) |
| #081210 |
rgb(8,18,16) |
hsl(170,38%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306B39 |
rgb(48,107,57) |
hsl(129,38%,30%) |
| #306B61 |
rgb(48,107,97) |
hsl(170,38%,30%) |
| #304D6B |
rgb(48,77,107) |
hsl(211,38%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #377D70 |
rgb(55,125,112) |
hsl(169,39%,35%) |
| #306B61 |
rgb(48,107,97) |
hsl(170,38%,30%) |
| #285951 |
rgb(40,89,81) |
hsl(170,38%,25%) |
| #204A41 |
rgb(32,74,65) |
hsl(167,40%,21%) |
| #183832 |
rgb(24,56,50) |
hsl(169,40%,16%) |
| #112622 |
rgb(17,38,34) |
hsl(169,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306B61 |
rgb(48,107,97) |
hsl(170,38%,30%) |
| #6B3057 |
rgb(107,48,87) |
hsl(320,38%,30%) |
| #6B4230 |
rgb(107,66,48) |
hsl(18,38%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306B61 |
rgb(48,107,97) |
hsl(170,38%,30%) |
| #6B303A |
rgb(107,48,58) |
hsl(350,38%,30%) |
| #306B43 |
rgb(48,107,67) |
hsl(139,38%,30%) |
| #6B4230 |
rgb(107,66,48) |
hsl(18,38%,30%) |
