HEX #284D73 color — Astronaut
The color #284D73 is a dark shade and moderately saturated.
Palette
284D73 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 |
#287367 |
rgb(40,115,103) |
hsl(170,48%,30%) |
#284D73 |
rgb(40,77,115) |
hsl(210,48%,30%) |
#352973 |
rgb(53,41,115) |
hsl(250,47%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5985 |
rgb(46,89,133) |
hsl(210,49%,35%) |
#284D73 |
rgb(40,77,115) |
hsl(210,48%,30%) |
#214060 |
rgb(33,64,96) |
hsl(210,49%,25%) |
#1B364E |
rgb(27,54,78) |
hsl(208,49%,21%) |
#14293B |
rgb(20,41,59) |
hsl(208,49%,15%) |
#0E1C29 |
rgb(14,28,41) |
hsl(209,49%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#284D73 |
rgb(40,77,115) |
hsl(210,48%,30%) |
#732928 |
rgb(115,41,40) |
hsl(1,48%,30%) |
#727328 |
rgb(114,115,40) |
hsl(61,48%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284D73 |
rgb(40,77,115) |
hsl(210,48%,30%) |
#734F28 |
rgb(115,79,40) |
hsl(31,48%,30%) |
#287373 |
rgb(40,115,115) |
hsl(180,48%,30%) |
#727328 |
rgb(114,115,40) |
hsl(61,48%,30%) |