HEX #306B64 color — Casal
The color #306B64 is a dark shade and moderately saturated.
Palette
306B64 color palette from light to dark
| HEX |
RGB |
HSL |
| #edf7f6 |
rgb(237,247,246) |
hsl(173,38%,95%) |
| #dcefed |
rgb(220,239,237) |
hsl(173,38%,90%) |
| #cae7e4 |
rgb(202,231,228) |
hsl(173,38%,85%) |
| #b9dfdb |
rgb(185,223,219) |
hsl(173,38%,80%) |
| #a7d7d2 |
rgb(167,215,210) |
hsl(173,38%,75%) |
| #95d0c9 |
rgb(149,208,201) |
hsl(173,38%,70%) |
| #84c8c0 |
rgb(132,200,192) |
hsl(173,38%,65%) |
| #72c0b7 |
rgb(114,192,183) |
hsl(173,38%,60%) |
| #61b8ae |
rgb(97,184,174) |
hsl(173,38%,55%) |
| #4fb0a5 |
rgb(79,176,165) |
hsl(173,38%,50%) |
| #479e94 |
rgb(71,158,148) |
hsl(173,38%,45%) |
| #3f8d84 |
rgb(63,141,132) |
hsl(173,38%,40%) |
| #377b73 |
rgb(55,123,115) |
hsl(173,38%,35%) |
| #2f6a63 |
rgb(47,106,99) |
hsl(173,38%,30%) |
| #285852 |
rgb(40,88,82) |
hsl(173,38%,25%) |
| #204642 |
rgb(32,70,66) |
hsl(173,38%,20%) |
| #183531 |
rgb(24,53,49) |
hsl(173,38%,15%) |
| #102321 |
rgb(16,35,33) |
hsl(173,38%,10%) |
| #081210 |
rgb(8,18,16) |
hsl(173,38%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306B3C |
rgb(48,107,60) |
hsl(132,38%,30%) |
| #306B64 |
rgb(48,107,100) |
hsl(173,38%,30%) |
| #304A6B |
rgb(48,74,107) |
hsl(214,38%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #377D74 |
rgb(55,125,116) |
hsl(172,39%,35%) |
| #306B64 |
rgb(48,107,100) |
hsl(173,38%,30%) |
| #285954 |
rgb(40,89,84) |
hsl(174,38%,25%) |
| #204A44 |
rgb(32,74,68) |
hsl(171,40%,21%) |
| #183834 |
rgb(24,56,52) |
hsl(173,40%,16%) |
| #112624 |
rgb(17,38,36) |
hsl(174,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306B64 |
rgb(48,107,100) |
hsl(173,38%,30%) |
| #6B3054 |
rgb(107,48,84) |
hsl(323,38%,30%) |
| #6B4730 |
rgb(107,71,48) |
hsl(23,38%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306B64 |
rgb(48,107,100) |
hsl(173,38%,30%) |
| #6B3037 |
rgb(107,48,55) |
hsl(353,38%,30%) |
| #306B46 |
rgb(48,107,70) |
hsl(142,38%,30%) |
| #6B4730 |
rgb(107,71,48) |
hsl(23,38%,30%) |
