HEX #284D72 color — Astronaut
The color #284D72 is a dark shade and moderately saturated.
Palette
284D72 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(210,48%,95%) |
#d9e6f2 |
rgb(217,230,242) |
hsl(210,48%,90%) |
#c6d9eb |
rgb(198,217,235) |
hsl(210,48%,85%) |
#b4cce4 |
rgb(180,204,228) |
hsl(210,48%,80%) |
#a1bfde |
rgb(161,191,222) |
hsl(210,48%,75%) |
#8eb3d7 |
rgb(142,179,215) |
hsl(210,48%,70%) |
#7ba6d1 |
rgb(123,166,209) |
hsl(210,48%,65%) |
#6899ca |
rgb(104,153,202) |
hsl(210,48%,60%) |
#558cc3 |
rgb(85,140,195) |
hsl(210,48%,55%) |
#4280bd |
rgb(66,128,189) |
hsl(210,48%,50%) |
#3c73aa |
rgb(60,115,170) |
hsl(210,48%,45%) |
#356697 |
rgb(53,102,151) |
hsl(210,48%,40%) |
#2e5984 |
rgb(46,89,132) |
hsl(210,48%,35%) |
#284d71 |
rgb(40,77,113) |
hsl(210,48%,30%) |
#21405e |
rgb(33,64,94) |
hsl(210,48%,25%) |
#1b334b |
rgb(27,51,75) |
hsl(210,48%,20%) |
#142639 |
rgb(20,38,57) |
hsl(210,48%,15%) |
#0d1a26 |
rgb(13,26,38) |
hsl(210,48%,10%) |
#070d13 |
rgb(7,13,19) |
hsl(210,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#287365 |
rgb(40,115,101) |
hsl(169,48%,30%) |
#284D72 |
rgb(40,77,114) |
hsl(210,48%,30%) |
#342972 |
rgb(52,41,114) |
hsl(249,47%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5984 |
rgb(46,89,132) |
hsl(210,48%,35%) |
#284D72 |
rgb(40,77,114) |
hsl(210,48%,30%) |
#21405F |
rgb(33,64,95) |
hsl(210,48%,25%) |
#1B364D |
rgb(27,54,77) |
hsl(208,48%,20%) |
#14293B |
rgb(20,41,59) |
hsl(208,49%,15%) |
#0E1C29 |
rgb(14,28,41) |
hsl(209,49%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#284D72 |
rgb(40,77,114) |
hsl(210,48%,30%) |
#722928 |
rgb(114,41,40) |
hsl(1,48%,30%) |
#727328 |
rgb(114,115,40) |
hsl(61,48%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284D72 |
rgb(40,77,114) |
hsl(210,48%,30%) |
#724D28 |
rgb(114,77,40) |
hsl(30,48%,30%) |
#287372 |
rgb(40,115,114) |
hsl(179,48%,30%) |
#727328 |
rgb(114,115,40) |
hsl(61,48%,30%) |