HEX #284D6F color — Astronaut
The color #284D6F is a dark shade and moderately saturated.
Palette
284D6F color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(209,47%,95%) |
#dae6f1 |
rgb(218,230,241) |
hsl(209,47%,90%) |
#c7d9eb |
rgb(199,217,235) |
hsl(209,47%,85%) |
#b4cde4 |
rgb(180,205,228) |
hsl(209,47%,80%) |
#a1c0dd |
rgb(161,192,221) |
hsl(209,47%,75%) |
#8fb4d6 |
rgb(143,180,214) |
hsl(209,47%,70%) |
#7ca7d0 |
rgb(124,167,208) |
hsl(209,47%,65%) |
#699bc9 |
rgb(105,155,201) |
hsl(209,47%,60%) |
#568ec2 |
rgb(86,142,194) |
hsl(209,47%,55%) |
#4481bb |
rgb(68,129,187) |
hsl(209,47%,50%) |
#3d75a9 |
rgb(61,117,169) |
hsl(209,47%,45%) |
#366896 |
rgb(54,104,150) |
hsl(209,47%,40%) |
#2f5b83 |
rgb(47,91,131) |
hsl(209,47%,35%) |
#294e70 |
rgb(41,78,112) |
hsl(209,47%,30%) |
#22415e |
rgb(34,65,94) |
hsl(209,47%,25%) |
#1b344b |
rgb(27,52,75) |
hsl(209,47%,20%) |
#142738 |
rgb(20,39,56) |
hsl(209,47%,15%) |
#0e1a25 |
rgb(14,26,37) |
hsl(209,47%,10%) |
#070d13 |
rgb(7,13,19) |
hsl(209,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#287061 |
rgb(40,112,97) |
hsl(168,47%,30%) |
#284D6F |
rgb(40,77,111) |
hsl(209,47%,30%) |
#32296F |
rgb(50,41,111) |
hsl(248,46%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5980 |
rgb(46,89,128) |
hsl(209,47%,34%) |
#284D6F |
rgb(40,77,111) |
hsl(209,47%,30%) |
#21405D |
rgb(33,64,93) |
hsl(209,48%,25%) |
#1B364B |
rgb(27,54,75) |
hsl(206,47%,20%) |
#142939 |
rgb(20,41,57) |
hsl(206,48%,15%) |
#0E1C27 |
rgb(14,28,39) |
hsl(206,47%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#284D6F |
rgb(40,77,111) |
hsl(209,47%,30%) |
#6F2929 |
rgb(111,41,41) |
hsl(360,46%,30%) |
#6F6E28 |
rgb(111,110,40) |
hsl(59,47%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284D6F |
rgb(40,77,111) |
hsl(209,47%,30%) |
#6F4A28 |
rgb(111,74,40) |
hsl(29,47%,30%) |
#28706D |
rgb(40,112,109) |
hsl(178,47%,30%) |
#6F6E28 |
rgb(111,110,40) |
hsl(59,47%,30%) |