HEX #305C64 color — Casal

The color #305C64 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

305C64 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(189,35%,99%)
#eaf3f5 rgb(234,243,245) hsl(189,35%,94%)
#d9eaed rgb(217,234,237) hsl(189,35%,89%)
#c8e0e4 rgb(200,224,228) hsl(189,35%,84%)
#b7d7dc rgb(183,215,220) hsl(189,35%,79%)
#a5cdd4 rgb(165,205,212) hsl(189,35%,74%)
#94c3cc rgb(148,195,204) hsl(189,35%,69%)
#83bac3 rgb(131,186,195) hsl(189,35%,64%)
#72b0bb rgb(114,176,187) hsl(189,35%,59%)
#61a6b3 rgb(97,166,179) hsl(189,35%,54%)
#519ca9 rgb(81,156,169) hsl(189,35%,49%)
#498c97 rgb(73,140,151) hsl(189,35%,44%)
#417c86 rgb(65,124,134) hsl(189,35%,39%)
#386c75 rgb(56,108,117) hsl(189,35%,34%)
#305c64 rgb(48,92,100) hsl(189,35%,29%)
#284c53 rgb(40,76,83) hsl(189,35%,24%)
#1f3c41 rgb(31,60,65) hsl(189,35%,19%)
#172c30 rgb(23,44,48) hsl(189,35%,14%)
#0f1d1f rgb(15,29,31) hsl(189,35%,9%)
#070d0e rgb(7,13,14) hsl(189,35%,4%)

Adjacent colors

HEX RGB HSL
#306349 rgb(48,99,73) hsl(149,35%,29%)
#305C64 rgb(48,92,100) hsl(189,35%,29%)
#303864 rgb(48,56,100) hsl(231,35%,29%)

Monochromatic colors

HEX RGB HSL
#376B74 rgb(55,107,116) hsl(189,36%,34%)
#305C64 rgb(48,92,100) hsl(189,35%,29%)
#284D54 rgb(40,77,84) hsl(190,35%,24%)
#204044 rgb(32,64,68) hsl(187,36%,20%)
#183034 rgb(24,48,52) hsl(189,37%,15%)
#112124 rgb(17,33,36) hsl(189,36%,10%)

Triad color palettes

HEX RGB HSL
#305C64 rgb(48,92,100) hsl(189,35%,29%)
#643042 rgb(100,48,66) hsl(339,35%,29%)
#645230 rgb(100,82,48) hsl(39,35%,29%)

Tetrad color palettes

HEX RGB HSL
#305C64 rgb(48,92,100) hsl(189,35%,29%)
#643830 rgb(100,56,48) hsl(9,35%,29%)
#306352 rgb(48,99,82) hsl(160,35%,29%)
#645230 rgb(100,82,48) hsl(39,35%,29%)