HEX #284E71 color — Astronaut
The color #284E71 is a dark shade and moderately saturated.
Palette
284E71 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(209,48%,95%) |
#d9e6f2 |
rgb(217,230,242) |
hsl(209,48%,90%) |
#c6d9eb |
rgb(198,217,235) |
hsl(209,48%,85%) |
#b4cde4 |
rgb(180,205,228) |
hsl(209,48%,80%) |
#a1c0de |
rgb(161,192,222) |
hsl(209,48%,75%) |
#8eb4d7 |
rgb(142,180,215) |
hsl(209,48%,70%) |
#7ba7d1 |
rgb(123,167,209) |
hsl(209,48%,65%) |
#689bca |
rgb(104,155,202) |
hsl(209,48%,60%) |
#558ec3 |
rgb(85,142,195) |
hsl(209,48%,55%) |
#4282bd |
rgb(66,130,189) |
hsl(209,48%,50%) |
#3c75aa |
rgb(60,117,170) |
hsl(209,48%,45%) |
#356897 |
rgb(53,104,151) |
hsl(209,48%,40%) |
#2e5b84 |
rgb(46,91,132) |
hsl(209,48%,35%) |
#284e71 |
rgb(40,78,113) |
hsl(209,48%,30%) |
#21415e |
rgb(33,65,94) |
hsl(209,48%,25%) |
#1b344b |
rgb(27,52,75) |
hsl(209,48%,20%) |
#142739 |
rgb(20,39,57) |
hsl(209,48%,15%) |
#0d1a26 |
rgb(13,26,38) |
hsl(209,48%,10%) |
#070d13 |
rgb(7,13,19) |
hsl(209,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#287063 |
rgb(40,112,99) |
hsl(169,47%,30%) |
#284E71 |
rgb(40,78,113) |
hsl(209,48%,30%) |
#322971 |
rgb(50,41,113) |
hsl(248,47%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5983 |
rgb(46,89,131) |
hsl(210,48%,35%) |
#284E71 |
rgb(40,78,113) |
hsl(209,48%,30%) |
#21425E |
rgb(33,66,94) |
hsl(208,48%,25%) |
#1B364C |
rgb(27,54,76) |
hsl(207,48%,20%) |
#14293A |
rgb(20,41,58) |
hsl(207,49%,15%) |
#0E1C28 |
rgb(14,28,40) |
hsl(208,48%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#284E71 |
rgb(40,78,113) |
hsl(209,48%,30%) |
#712929 |
rgb(113,41,41) |
hsl(360,47%,30%) |
#717028 |
rgb(113,112,40) |
hsl(59,48%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284E71 |
rgb(40,78,113) |
hsl(209,48%,30%) |
#714A28 |
rgb(113,74,40) |
hsl(28,48%,30%) |
#28706F |
rgb(40,112,111) |
hsl(179,47%,30%) |
#717028 |
rgb(113,112,40) |
hsl(59,48%,30%) |