HEX #2A5C60 color — Casal

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

Color codes

copy icon
copy icon
copy icon

Palette

2A5C60 color palette from light to dark

HEX RGB HSL
#f4fafa rgb(244,250,250) hsl(184,39%,97%)
#e3f1f3 rgb(227,241,243) hsl(184,39%,92%)
#d1e9eb rgb(209,233,235) hsl(184,39%,87%)
#bfe1e3 rgb(191,225,227) hsl(184,39%,82%)
#add8db rgb(173,216,219) hsl(184,39%,77%)
#9cd0d3 rgb(156,208,211) hsl(184,39%,72%)
#8ac7cc rgb(138,199,204) hsl(184,39%,67%)
#78bfc4 rgb(120,191,196) hsl(184,39%,62%)
#67b6bc rgb(103,182,188) hsl(184,39%,57%)
#55aeb4 rgb(85,174,180) hsl(184,39%,52%)
#49a0a7 rgb(73,160,167) hsl(184,39%,47%)
#418f95 rgb(65,143,149) hsl(184,39%,42%)
#3a7e83 rgb(58,126,131) hsl(184,39%,37%)
#326d71 rgb(50,109,113) hsl(184,39%,32%)
#2a5c60 rgb(42,92,96) hsl(184,39%,27%)
#224b4e rgb(34,75,78) hsl(184,39%,22%)
#1a3a3c rgb(26,58,60) hsl(184,39%,17%)
#13292b rgb(19,41,43) hsl(184,39%,12%)
#0b1819 rgb(11,24,25) hsl(184,39%,7%)
#030707 rgb(3,7,7) hsl(184,39%,2%)

Adjacent colors

HEX RGB HSL
#2A6140 rgb(42,97,64) hsl(144,40%,27%)
#2A5C60 rgb(42,92,96) hsl(184,39%,27%)
#2A3860 rgb(42,56,96) hsl(224,39%,27%)

Monochromatic colors

HEX RGB HSL
#306B6F rgb(48,107,111) hsl(184,40%,31%)
#2A5C60 rgb(42,92,96) hsl(184,39%,27%)
#234D50 rgb(35,77,80) hsl(184,39%,23%)
#1C4041 rgb(28,64,65) hsl(182,40%,18%)
#153031 rgb(21,48,49) hsl(182,40%,14%)
#0F2122 rgb(15,33,34) hsl(183,39%,10%)

Triad color palettes

HEX RGB HSL
#2A5C60 rgb(42,92,96) hsl(184,39%,27%)
#602941 rgb(96,41,65) hsl(334,40%,27%)
#604A2A rgb(96,74,42) hsl(36,39%,27%)

Tetrad color palettes

HEX RGB HSL
#2A5C60 rgb(42,92,96) hsl(184,39%,27%)
#602E2A rgb(96,46,42) hsl(4,39%,27%)
#2A6149 rgb(42,97,73) hsl(154,40%,27%)
#604A2A rgb(96,74,42) hsl(36,39%,27%)