HEX #306164 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

306164 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(183,35%,99%)
#eaf5f5 rgb(234,245,245) hsl(183,35%,94%)
#d9eced rgb(217,236,237) hsl(183,35%,89%)
#c8e3e4 rgb(200,227,228) hsl(183,35%,84%)
#b7dadc rgb(183,218,220) hsl(183,35%,79%)
#a5d2d4 rgb(165,210,212) hsl(183,35%,74%)
#94c9cc rgb(148,201,204) hsl(183,35%,69%)
#83c0c3 rgb(131,192,195) hsl(183,35%,64%)
#72b7bb rgb(114,183,187) hsl(183,35%,59%)
#61afb3 rgb(97,175,179) hsl(183,35%,54%)
#51a4a9 rgb(81,164,169) hsl(183,35%,49%)
#499497 rgb(73,148,151) hsl(183,35%,44%)
#418386 rgb(65,131,134) hsl(183,35%,39%)
#387275 rgb(56,114,117) hsl(183,35%,34%)
#306164 rgb(48,97,100) hsl(183,35%,29%)
#285053 rgb(40,80,83) hsl(183,35%,24%)
#1f4041 rgb(31,64,65) hsl(183,35%,19%)
#172f30 rgb(23,47,48) hsl(183,35%,14%)
#0f1e1f rgb(15,30,31) hsl(183,35%,9%)
#070d0e rgb(7,13,14) hsl(183,35%,4%)

Adjacent colors

HEX RGB HSL
#306344 rgb(48,99,68) hsl(144,35%,29%)
#306164 rgb(48,97,100) hsl(183,35%,29%)
#303D64 rgb(48,61,100) hsl(225,35%,29%)

Monochromatic colors

HEX RGB HSL
#377074 rgb(55,112,116) hsl(184,36%,34%)
#306164 rgb(48,97,100) hsl(183,35%,29%)
#285254 rgb(40,82,84) hsl(183,35%,24%)
#204244 rgb(32,66,68) hsl(183,36%,20%)
#183334 rgb(24,51,52) hsl(182,37%,15%)
#112424 rgb(17,36,36) hsl(180,36%,10%)

Triad color palettes

HEX RGB HSL
#306164 rgb(48,97,100) hsl(183,35%,29%)
#643047 rgb(100,48,71) hsl(333,35%,29%)
#644D30 rgb(100,77,48) hsl(33,35%,29%)

Tetrad color palettes

HEX RGB HSL
#306164 rgb(48,97,100) hsl(183,35%,29%)
#643330 rgb(100,51,48) hsl(3,35%,29%)
#30634D rgb(48,99,77) hsl(154,35%,29%)
#644D30 rgb(100,77,48) hsl(33,35%,29%)