HEX #306666 color — Casal

The color #306666 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)