HEX #306666 color — Casal
The color #306666 is a dark shade and moderately saturated.
Palette
306666 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(180,36%,99%) |
#eaf5f5 |
rgb(234,245,245) |
hsl(180,36%,94%) |
#d9eded |
rgb(217,237,237) |
hsl(180,36%,89%) |
#c8e5e5 |
rgb(200,229,229) |
hsl(180,36%,84%) |
#b6dddd |
rgb(182,221,221) |
hsl(180,36%,79%) |
#a5d5d5 |
rgb(165,213,213) |
hsl(180,36%,74%) |
#93cccc |
rgb(147,204,204) |
hsl(180,36%,69%) |
#82c4c4 |
rgb(130,196,196) |
hsl(180,36%,64%) |
#71bcbc |
rgb(113,188,188) |
hsl(180,36%,59%) |
#5fb4b4 |
rgb(95,180,180) |
hsl(180,36%,54%) |
#50aaaa |
rgb(80,170,170) |
hsl(180,36%,49%) |
#489999 |
rgb(72,153,153) |
hsl(180,36%,44%) |
#408787 |
rgb(64,135,135) |
hsl(180,36%,39%) |
#377676 |
rgb(55,118,118) |
hsl(180,36%,34%) |
#2f6565 |
rgb(47,101,101) |
hsl(180,36%,29%) |
#275353 |
rgb(39,83,83) |
hsl(180,36%,24%) |
#1f4242 |
rgb(31,66,66) |
hsl(180,36%,19%) |
#173131 |
rgb(23,49,49) |
hsl(180,36%,14%) |
#0f1f1f |
rgb(15,31,31) |
hsl(180,36%,9%) |
#070e0e |
rgb(7,14,14) |
hsl(180,36%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#306642 |
rgb(48,102,66) |
hsl(140,36%,29%) |
#306666 |
rgb(48,102,102) |
hsl(180,36%,29%) |
#304266 |
rgb(48,66,102) |
hsl(220,36%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#377576 |
rgb(55,117,118) |
hsl(181,36%,34%) |
#306666 |
rgb(48,102,102) |
hsl(180,36%,29%) |
#285755 |
rgb(40,87,85) |
hsl(177,37%,25%) |
#204545 |
rgb(32,69,69) |
hsl(180,37%,20%) |
#183635 |
rgb(24,54,53) |
hsl(178,38%,15%) |
#112424 |
rgb(17,36,36) |
hsl(180,36%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#306666 |
rgb(48,102,102) |
hsl(180,36%,29%) |
#66304B |
rgb(102,48,75) |
hsl(330,36%,29%) |
#664A30 |
rgb(102,74,48) |
hsl(29,36%,29%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306666 |
rgb(48,102,102) |
hsl(180,36%,29%) |
#663030 |
rgb(102,48,48) |
hsl(360,36%,29%) |
#30664B |
rgb(48,102,75) |
hsl(150,36%,29%) |
#664A30 |
rgb(102,74,48) |
hsl(29,36%,29%) |