HEX #306B5B color — Casal
The color #306B5B is a dark shade and moderately saturated.
Palette
306B5B color palette from light to dark
| HEX |
RGB |
HSL |
| #edf7f5 |
rgb(237,247,245) |
hsl(164,38%,95%) |
| #dcefea |
rgb(220,239,234) |
hsl(164,38%,90%) |
| #cae7e0 |
rgb(202,231,224) |
hsl(164,38%,85%) |
| #b9dfd5 |
rgb(185,223,213) |
hsl(164,38%,80%) |
| #a7d7cb |
rgb(167,215,203) |
hsl(164,38%,75%) |
| #95d0c0 |
rgb(149,208,192) |
hsl(164,38%,70%) |
| #84c8b6 |
rgb(132,200,182) |
hsl(164,38%,65%) |
| #72c0ab |
rgb(114,192,171) |
hsl(164,38%,60%) |
| #61b8a1 |
rgb(97,184,161) |
hsl(164,38%,55%) |
| #4fb096 |
rgb(79,176,150) |
hsl(164,38%,50%) |
| #479e87 |
rgb(71,158,135) |
hsl(164,38%,45%) |
| #3f8d78 |
rgb(63,141,120) |
hsl(164,38%,40%) |
| #377b69 |
rgb(55,123,105) |
hsl(164,38%,35%) |
| #2f6a5a |
rgb(47,106,90) |
hsl(164,38%,30%) |
| #28584b |
rgb(40,88,75) |
hsl(164,38%,25%) |
| #20463c |
rgb(32,70,60) |
hsl(164,38%,20%) |
| #18352d |
rgb(24,53,45) |
hsl(164,38%,15%) |
| #10231e |
rgb(16,35,30) |
hsl(164,38%,10%) |
| #08120f |
rgb(8,18,15) |
hsl(164,38%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #306B33 |
rgb(48,107,51) |
hsl(123,38%,30%) |
| #306B5B |
rgb(48,107,91) |
hsl(164,38%,30%) |
| #30546B |
rgb(48,84,107) |
hsl(203,38%,30%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #377D69 |
rgb(55,125,105) |
hsl(163,39%,35%) |
| #306B5B |
rgb(48,107,91) |
hsl(164,38%,30%) |
| #28594C |
rgb(40,89,76) |
hsl(164,38%,25%) |
| #204A3D |
rgb(32,74,61) |
hsl(161,40%,21%) |
| #18382F |
rgb(24,56,47) |
hsl(163,40%,16%) |
| #112620 |
rgb(17,38,32) |
hsl(163,38%,11%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #306B5B |
rgb(48,107,91) |
hsl(164,38%,30%) |
| #6B305D |
rgb(107,48,93) |
hsl(314,38%,30%) |
| #6B3D30 |
rgb(107,61,48) |
hsl(13,38%,30%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #306B5B |
rgb(48,107,91) |
hsl(164,38%,30%) |
| #6B3040 |
rgb(107,48,64) |
hsl(344,38%,30%) |
| #306B3D |
rgb(48,107,61) |
hsl(133,38%,30%) |
| #6B3D30 |
rgb(107,61,48) |
hsl(13,38%,30%) |
