HEX #284A72 color — Astronaut
The color #284A72 is a dark shade and moderately saturated.
Palette
284A72 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(212,48%,95%) |
#d9e5f2 |
rgb(217,229,242) |
hsl(212,48%,90%) |
#c6d8eb |
rgb(198,216,235) |
hsl(212,48%,85%) |
#b4cae4 |
rgb(180,202,228) |
hsl(212,48%,80%) |
#a1bdde |
rgb(161,189,222) |
hsl(212,48%,75%) |
#8eb0d7 |
rgb(142,176,215) |
hsl(212,48%,70%) |
#7ba3d1 |
rgb(123,163,209) |
hsl(212,48%,65%) |
#6896ca |
rgb(104,150,202) |
hsl(212,48%,60%) |
#5589c3 |
rgb(85,137,195) |
hsl(212,48%,55%) |
#427bbd |
rgb(66,123,189) |
hsl(212,48%,50%) |
#3c6faa |
rgb(60,111,170) |
hsl(212,48%,45%) |
#356397 |
rgb(53,99,151) |
hsl(212,48%,40%) |
#2e5684 |
rgb(46,86,132) |
hsl(212,48%,35%) |
#284a71 |
rgb(40,74,113) |
hsl(212,48%,30%) |
#213e5e |
rgb(33,62,94) |
hsl(212,48%,25%) |
#1b314b |
rgb(27,49,75) |
hsl(212,48%,20%) |
#142539 |
rgb(20,37,57) |
hsl(212,48%,15%) |
#0d1926 |
rgb(13,25,38) |
hsl(212,48%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(212,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#287368 |
rgb(40,115,104) |
hsl(171,48%,30%) |
#284A72 |
rgb(40,74,114) |
hsl(212,48%,30%) |
#372972 |
rgb(55,41,114) |
hsl(252,47%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5784 |
rgb(46,87,132) |
hsl(211,48%,35%) |
#284A72 |
rgb(40,74,114) |
hsl(212,48%,30%) |
#213D5F |
rgb(33,61,95) |
hsl(213,48%,25%) |
#1B334D |
rgb(27,51,77) |
hsl(211,48%,20%) |
#14263B |
rgb(20,38,59) |
hsl(212,49%,15%) |
#0E1A29 |
rgb(14,26,41) |
hsl(213,49%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#284A72 |
rgb(40,74,114) |
hsl(212,48%,30%) |
#722B28 |
rgb(114,43,40) |
hsl(2,48%,30%) |
#6F7328 |
rgb(111,115,40) |
hsl(63,48%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284A72 |
rgb(40,74,114) |
hsl(212,48%,30%) |
#724F28 |
rgb(114,79,40) |
hsl(32,48%,30%) |
#287072 |
rgb(40,112,114) |
hsl(182,48%,30%) |
#6F7328 |
rgb(111,115,40) |
hsl(63,48%,30%) |