HEX #284A75 color — Astronaut

The color #284A75 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

284A75 color palette from light to dark

HEX RGB HSL
#f0f4fa rgb(240,244,250) hsl(214,49%,96%)
#dde7f3 rgb(221,231,243) hsl(214,49%,91%)
#cad9ed rgb(202,217,237) hsl(214,49%,86%)
#b7cbe6 rgb(183,203,230) hsl(214,49%,81%)
#a4bee0 rgb(164,190,224) hsl(214,49%,76%)
#91b0d9 rgb(145,176,217) hsl(214,49%,71%)
#7ea3d3 rgb(126,163,211) hsl(214,49%,66%)
#6b95cc rgb(107,149,204) hsl(214,49%,61%)
#5887c6 rgb(88,135,198) hsl(214,49%,56%)
#457abf rgb(69,122,191) hsl(214,49%,51%)
#3c6eaf rgb(60,110,175) hsl(214,49%,46%)
#35629c rgb(53,98,156) hsl(214,49%,41%)
#2f5689 rgb(47,86,137) hsl(214,49%,36%)
#284a76 rgb(40,74,118) hsl(214,49%,31%)
#223e63 rgb(34,62,99) hsl(214,49%,26%)
#1b3250 rgb(27,50,80) hsl(214,49%,21%)
#15263d rgb(21,38,61) hsl(214,49%,16%)
#0e1a2a rgb(14,26,42) hsl(214,49%,11%)
#080e17 rgb(8,14,23) hsl(214,49%,6%)
#010204 rgb(1,2,4) hsl(214,49%,1%)

Adjacent colors

HEX RGB HSL
#28756C rgb(40,117,108) hsl(173,49%,31%)
#284A75 rgb(40,74,117) hsl(214,49%,31%)
#392975 rgb(57,41,117) hsl(253,48%,31%)

Monochromatic colors

HEX RGB HSL
#2E5787 rgb(46,87,135) hsl(212,49%,35%)
#284A75 rgb(40,74,117) hsl(214,49%,31%)
#213D62 rgb(33,61,98) hsl(214,50%,26%)
#1B334F rgb(27,51,79) hsl(212,49%,21%)
#14263C rgb(20,38,60) hsl(213,50%,16%)
#0E1A2A rgb(14,26,42) hsl(214,50%,11%)

Triad color palettes

HEX RGB HSL
#284A75 rgb(40,74,117) hsl(214,49%,31%)
#752B28 rgb(117,43,40) hsl(2,49%,31%)
#707528 rgb(112,117,40) hsl(64,49%,31%)

Tetrad color palettes

HEX RGB HSL
#284A75 rgb(40,74,117) hsl(214,49%,31%)
#755428 rgb(117,84,40) hsl(34,49%,31%)
#287075 rgb(40,112,117) hsl(184,49%,31%)
#707528 rgb(112,117,40) hsl(64,49%,31%)