HEX #2A5E75 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

2A5E75 color palette from light to dark

HEX RGB HSL
#f0f7fa rgb(240,247,250) hsl(198,47%,96%)
#ddecf3 rgb(221,236,243) hsl(198,47%,91%)
#cbe2ec rgb(203,226,236) hsl(198,47%,86%)
#b8d8e5 rgb(184,216,229) hsl(198,47%,81%)
#a5cddf rgb(165,205,223) hsl(198,47%,76%)
#92c3d8 rgb(146,195,216) hsl(198,47%,71%)
#80b9d1 rgb(128,185,209) hsl(198,47%,66%)
#6daeca rgb(109,174,202) hsl(198,47%,61%)
#5aa4c4 rgb(90,164,196) hsl(198,47%,56%)
#479abd rgb(71,154,189) hsl(198,47%,51%)
#3e8bac rgb(62,139,172) hsl(198,47%,46%)
#377c9a rgb(55,124,154) hsl(198,47%,41%)
#316d87 rgb(49,109,135) hsl(198,47%,36%)
#2a5e74 rgb(42,94,116) hsl(198,47%,31%)
#234f61 rgb(35,79,97) hsl(198,47%,26%)
#1c404f rgb(28,64,79) hsl(198,47%,21%)
#16303c rgb(22,48,60) hsl(198,47%,16%)
#0f2129 rgb(15,33,41) hsl(198,47%,11%)
#081216 rgb(8,18,22) hsl(198,47%,6%)
#010304 rgb(1,3,4) hsl(198,47%,1%)

Adjacent colors

HEX RGB HSL
#2A755A rgb(42,117,90) hsl(158,47%,31%)
#2A5E75 rgb(42,94,117) hsl(198,47%,31%)
#2A2B75 rgb(42,43,117) hsl(239,47%,31%)

Monochromatic colors

HEX RGB HSL
#306E87 rgb(48,110,135) hsl(197,48%,36%)
#2A5E75 rgb(42,94,117) hsl(198,47%,31%)
#234F62 rgb(35,79,98) hsl(198,47%,26%)
#1C404F rgb(28,64,79) hsl(198,48%,21%)
#15303C rgb(21,48,60) hsl(198,48%,16%)
#0F212A rgb(15,33,42) hsl(200,47%,11%)

Triad color palettes

HEX RGB HSL
#2A5E75 rgb(42,94,117) hsl(198,47%,31%)
#752938 rgb(117,41,56) hsl(348,48%,31%)
#75662A rgb(117,102,42) hsl(48,47%,31%)

Tetrad color palettes

HEX RGB HSL
#2A5E75 rgb(42,94,117) hsl(198,47%,31%)
#75402A rgb(117,64,42) hsl(18,47%,31%)
#2A7566 rgb(42,117,102) hsl(168,47%,31%)
#75662A rgb(117,102,42) hsl(48,47%,31%)