HEX #2A5774 color — San Juan

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

Color codes

copy icon
copy icon
copy icon

Palette

2A5774 color palette from light to dark

HEX RGB HSL
#f0f6fa rgb(240,246,250) hsl(204,47%,96%)
#ddeaf3 rgb(221,234,243) hsl(204,47%,91%)
#cbdfec rgb(203,223,236) hsl(204,47%,86%)
#b8d3e5 rgb(184,211,229) hsl(204,47%,81%)
#a5c8df rgb(165,200,223) hsl(204,47%,76%)
#92bcd8 rgb(146,188,216) hsl(204,47%,71%)
#80b0d1 rgb(128,176,209) hsl(204,47%,66%)
#6da5ca rgb(109,165,202) hsl(204,47%,61%)
#5a99c4 rgb(90,153,196) hsl(204,47%,56%)
#478ebd rgb(71,142,189) hsl(204,47%,51%)
#3e80ac rgb(62,128,172) hsl(204,47%,46%)
#37729a rgb(55,114,154) hsl(204,47%,41%)
#316487 rgb(49,100,135) hsl(204,47%,36%)
#2a5674 rgb(42,86,116) hsl(204,47%,31%)
#234961 rgb(35,73,97) hsl(204,47%,26%)
#1c3b4f rgb(28,59,79) hsl(204,47%,21%)
#162d3c rgb(22,45,60) hsl(204,47%,16%)
#0f1f29 rgb(15,31,41) hsl(204,47%,11%)
#081116 rgb(8,17,22) hsl(204,47%,6%)
#010304 rgb(1,3,4) hsl(204,47%,1%)

Adjacent colors

HEX RGB HSL
#2A735F rgb(42,115,95) hsl(164,46%,31%)
#2A5774 rgb(42,87,116) hsl(204,47%,31%)
#2E2974 rgb(46,41,116) hsl(244,48%,31%)

Monochromatic colors

HEX RGB HSL
#306686 rgb(48,102,134) hsl(202,47%,36%)
#2A5774 rgb(42,87,116) hsl(204,47%,31%)
#234A61 rgb(35,74,97) hsl(202,47%,26%)
#1C3B4E rgb(28,59,78) hsl(203,47%,21%)
#152E3C rgb(21,46,60) hsl(202,48%,16%)
#0F1F29 rgb(15,31,41) hsl(203,46%,11%)

Triad color palettes

HEX RGB HSL
#2A5774 rgb(42,87,116) hsl(204,47%,31%)
#742932 rgb(116,41,50) hsl(353,48%,31%)
#746B2A rgb(116,107,42) hsl(53,47%,31%)

Tetrad color palettes

HEX RGB HSL
#2A5774 rgb(42,87,116) hsl(204,47%,31%)
#74472A rgb(116,71,42) hsl(24,47%,31%)
#2A736C rgb(42,115,108) hsl(174,46%,31%)
#746B2A rgb(116,107,42) hsl(53,47%,31%)