HEX #306B63 color — Casal
The color #306B63 is a dark shade and moderately saturated.
Palette
306B63 color palette from light to dark
| HEX |
RGB |
HSL |
| #edf7f6 |
rgb(237,247,246) |
hsl(172,38%,95%) |
| #dcefed |
rgb(220,239,237) |
hsl(172,38%,90%) |
| #cae7e3 |
rgb(202,231,227) |
hsl(172,38%,85%) |
| #b9dfda |
rgb(185,223,218) |
hsl(172,38%,80%) |
| #a7d7d1 |
rgb(167,215,209) |
hsl(172,38%,75%) |
| #95d0c8 |
rgb(149,208,200) |
hsl(172,38%,70%) |
| #84c8bf |
rgb(132,200,191) |
hsl(172,38%,65%) |
| #72c0b5 |
rgb(114,192,181) |
hsl(172,38%,60%) |
| #61b8ac |
rgb(97,184,172) |
hsl(172,38%,55%) |
| #4fb0a3 |
rgb(79,176,163) |
hsl(172,38%,50%) |
| #479e93 |
rgb(71,158,147) |
hsl(172,38%,45%) |
| #3f8d82 |
rgb(63,141,130) |
hsl(172,38%,40%) |
| #377b72 |
rgb(55,123,114) |
hsl(172,38%,35%) |
| #2f6a62 |
rgb(47,106,98) |
hsl(172,38%,30%) |
| #285852 |
rgb(40,88,82) |
hsl(172,38%,25%) |
| #204641 |
rgb(32,70,65) |
hsl(172,38%,20%) |
| #183531 |
rgb(24,53,49) |
hsl(172,38%,15%) |
| #102321 |
rgb(16,35,33) |
hsl(172,38%,10%) |
| #081210 |
rgb(8,18,16) |
hsl(172,38%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306B3B |
rgb(48,107,59) |
hsl(131,38%,30%) |
| #306B63 |
rgb(48,107,99) |
hsl(172,38%,30%) |
| #304D6B |
rgb(48,77,107) |
hsl(211,38%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #377D72 |
rgb(55,125,114) |
hsl(171,39%,35%) |
| #306B63 |
rgb(48,107,99) |
hsl(172,38%,30%) |
| #285953 |
rgb(40,89,83) |
hsl(173,38%,25%) |
| #204A43 |
rgb(32,74,67) |
hsl(170,40%,21%) |
| #183833 |
rgb(24,56,51) |
hsl(171,40%,16%) |
| #112623 |
rgb(17,38,35) |
hsl(171,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306B63 |
rgb(48,107,99) |
hsl(172,38%,30%) |
| #6B3055 |
rgb(107,48,85) |
hsl(322,38%,30%) |
| #6B4530 |
rgb(107,69,48) |
hsl(21,38%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306B63 |
rgb(48,107,99) |
hsl(172,38%,30%) |
| #6B3038 |
rgb(107,48,56) |
hsl(352,38%,30%) |
| #306B45 |
rgb(48,107,69) |
hsl(141,38%,30%) |
| #6B4530 |
rgb(107,69,48) |
hsl(21,38%,30%) |
