HEX #306B62 color — Casal
The color #306B62 is a dark shade and moderately saturated.
Palette
306B62 color palette from light to dark
HEX |
RGB |
HSL |
#edf7f6 |
rgb(237,247,246) |
hsl(171,38%,95%) |
#dcefec |
rgb(220,239,236) |
hsl(171,38%,90%) |
#cae7e3 |
rgb(202,231,227) |
hsl(171,38%,85%) |
#b9dfda |
rgb(185,223,218) |
hsl(171,38%,80%) |
#a7d7d0 |
rgb(167,215,208) |
hsl(171,38%,75%) |
#95d0c7 |
rgb(149,208,199) |
hsl(171,38%,70%) |
#84c8bd |
rgb(132,200,189) |
hsl(171,38%,65%) |
#72c0b4 |
rgb(114,192,180) |
hsl(171,38%,60%) |
#61b8ab |
rgb(97,184,171) |
hsl(171,38%,55%) |
#4fb0a1 |
rgb(79,176,161) |
hsl(171,38%,50%) |
#479e91 |
rgb(71,158,145) |
hsl(171,38%,45%) |
#3f8d81 |
rgb(63,141,129) |
hsl(171,38%,40%) |
#377b71 |
rgb(55,123,113) |
hsl(171,38%,35%) |
#2f6a61 |
rgb(47,106,97) |
hsl(171,38%,30%) |
#285851 |
rgb(40,88,81) |
hsl(171,38%,25%) |
#204641 |
rgb(32,70,65) |
hsl(171,38%,20%) |
#183530 |
rgb(24,53,48) |
hsl(171,38%,15%) |
#102320 |
rgb(16,35,32) |
hsl(171,38%,10%) |
#081210 |
rgb(8,18,16) |
hsl(171,38%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#306B3A |
rgb(48,107,58) |
hsl(130,38%,30%) |
#306B62 |
rgb(48,107,98) |
hsl(171,38%,30%) |
#304D6B |
rgb(48,77,107) |
hsl(211,38%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377D71 |
rgb(55,125,113) |
hsl(170,39%,35%) |
#306B62 |
rgb(48,107,98) |
hsl(171,38%,30%) |
#285952 |
rgb(40,89,82) |
hsl(171,38%,25%) |
#204A42 |
rgb(32,74,66) |
hsl(169,40%,21%) |
#183832 |
rgb(24,56,50) |
hsl(169,40%,16%) |
#112623 |
rgb(17,38,35) |
hsl(171,38%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#306B62 |
rgb(48,107,98) |
hsl(171,38%,30%) |
#6B3056 |
rgb(107,48,86) |
hsl(321,38%,30%) |
#6B4530 |
rgb(107,69,48) |
hsl(21,38%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306B62 |
rgb(48,107,98) |
hsl(171,38%,30%) |
#6B3039 |
rgb(107,48,57) |
hsl(351,38%,30%) |
#306B44 |
rgb(48,107,68) |
hsl(140,38%,30%) |
#6B4530 |
rgb(107,69,48) |
hsl(21,38%,30%) |