HEX #305766 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

305766 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(197,36%,99%)
#eaf2f5 rgb(234,242,245) hsl(197,36%,94%)
#d9e7ed rgb(217,231,237) hsl(197,36%,89%)
#c8dde5 rgb(200,221,229) hsl(197,36%,84%)
#b6d2dd rgb(182,210,221) hsl(197,36%,79%)
#a5c7d5 rgb(165,199,213) hsl(197,36%,74%)
#93bccc rgb(147,188,204) hsl(197,36%,69%)
#82b2c4 rgb(130,178,196) hsl(197,36%,64%)
#71a7bc rgb(113,167,188) hsl(197,36%,59%)
#5f9cb4 rgb(95,156,180) hsl(197,36%,54%)
#5090aa rgb(80,144,170) hsl(197,36%,49%)
#488299 rgb(72,130,153) hsl(197,36%,44%)
#407387 rgb(64,115,135) hsl(197,36%,39%)
#376476 rgb(55,100,118) hsl(197,36%,34%)
#2f5565 rgb(47,85,101) hsl(197,36%,29%)
#274753 rgb(39,71,83) hsl(197,36%,24%)
#1f3842 rgb(31,56,66) hsl(197,36%,19%)
#172931 rgb(23,41,49) hsl(197,36%,14%)
#0f1b1f rgb(15,27,31) hsl(197,36%,9%)
#070c0e rgb(7,12,14) hsl(197,36%,4%)

Adjacent colors

HEX RGB HSL
#306651 rgb(48,102,81) hsl(157,36%,29%)
#305766 rgb(48,87,102) hsl(197,36%,29%)
#303366 rgb(48,51,102) hsl(237,36%,29%)

Monochromatic colors

HEX RGB HSL
#376676 rgb(55,102,118) hsl(195,36%,34%)
#305766 rgb(48,87,102) hsl(197,36%,29%)
#284A55 rgb(40,74,85) hsl(195,36%,25%)
#203B45 rgb(32,59,69) hsl(196,37%,20%)
#182E35 rgb(24,46,53) hsl(194,38%,15%)
#111F24 rgb(17,31,36) hsl(196,36%,10%)

Triad color palettes

HEX RGB HSL
#305766 rgb(48,87,102) hsl(197,36%,29%)
#66303C rgb(102,48,60) hsl(347,36%,29%)
#665930 rgb(102,89,48) hsl(46,36%,29%)

Tetrad color palettes

HEX RGB HSL
#305766 rgb(48,87,102) hsl(197,36%,29%)
#664030 rgb(102,64,48) hsl(18,36%,29%)
#30665A rgb(48,102,90) hsl(167,36%,29%)
#665930 rgb(102,89,48) hsl(46,36%,29%)