HEX #2A575C color — Casal

The color #2A575C is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

2A575C color palette from light to dark

HEX RGB HSL
#f1f8f9 rgb(241,248,249) hsl(186,37%,96%)
#e0eff1 rgb(224,239,241) hsl(186,37%,91%)
#cee6e9 rgb(206,230,233) hsl(186,37%,86%)
#bddde0 rgb(189,221,224) hsl(186,37%,81%)
#abd4d8 rgb(171,212,216) hsl(186,37%,76%)
#9acbd0 rgb(154,203,208) hsl(186,37%,71%)
#88c2c8 rgb(136,194,200) hsl(186,37%,66%)
#77b9c0 rgb(119,185,192) hsl(186,37%,61%)
#65b0b8 rgb(101,176,184) hsl(186,37%,56%)
#54a7b0 rgb(84,167,176) hsl(186,37%,51%)
#4a98a1 rgb(74,152,161) hsl(186,37%,46%)
#42878f rgb(66,135,143) hsl(186,37%,41%)
#3a777e rgb(58,119,126) hsl(186,37%,36%)
#32666c rgb(50,102,108) hsl(186,37%,31%)
#2a565b rgb(42,86,91) hsl(186,37%,26%)
#224549 rgb(34,69,73) hsl(186,37%,21%)
#1a3538 rgb(26,53,56) hsl(186,37%,16%)
#122426 rgb(18,36,38) hsl(186,37%,11%)
#0a1415 rgb(10,20,21) hsl(186,37%,6%)
#020303 rgb(2,3,3) hsl(186,37%,1%)

Adjacent colors

HEX RGB HSL
#2A5C3F rgb(42,92,63) hsl(145,37%,26%)
#2A575C rgb(42,87,92) hsl(186,37%,26%)
#2A365C rgb(42,54,92) hsl(226,37%,26%)

Monochromatic colors

HEX RGB HSL
#30666A rgb(48,102,106) hsl(184,38%,30%)
#2A575C rgb(42,87,92) hsl(186,37%,26%)
#234A4D rgb(35,74,77) hsl(184,38%,22%)
#1C3B3E rgb(28,59,62) hsl(185,38%,18%)
#152E2F rgb(21,46,47) hsl(182,38%,13%)
#0F1F21 rgb(15,31,33) hsl(187,38%,9%)

Triad color palettes

HEX RGB HSL
#2A575C rgb(42,87,92) hsl(186,37%,26%)
#5C293E rgb(92,41,62) hsl(335,38%,26%)
#5C472A rgb(92,71,42) hsl(35,37%,26%)

Tetrad color palettes

HEX RGB HSL
#2A575C rgb(42,87,92) hsl(186,37%,26%)
#5C2E2A rgb(92,46,42) hsl(5,37%,26%)
#2A5C48 rgb(42,92,72) hsl(156,37%,26%)
#5C472A rgb(92,71,42) hsl(35,37%,26%)