HEX #284F75 color — Astronaut
The color #284F75 is a dark shade and moderately saturated.
Palette
284F75 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(210,49%,96%) |
#dde8f3 |
rgb(221,232,243) |
hsl(210,49%,91%) |
#cadbed |
rgb(202,219,237) |
hsl(210,49%,86%) |
#b7cfe6 |
rgb(183,207,230) |
hsl(210,49%,81%) |
#a4c2e0 |
rgb(164,194,224) |
hsl(210,49%,76%) |
#91b5d9 |
rgb(145,181,217) |
hsl(210,49%,71%) |
#7ea8d3 |
rgb(126,168,211) |
hsl(210,49%,66%) |
#6b9ccc |
rgb(107,156,204) |
hsl(210,49%,61%) |
#588fc6 |
rgb(88,143,198) |
hsl(210,49%,56%) |
#4582bf |
rgb(69,130,191) |
hsl(210,49%,51%) |
#3c75af |
rgb(60,117,175) |
hsl(210,49%,46%) |
#35699c |
rgb(53,105,156) |
hsl(210,49%,41%) |
#2f5c89 |
rgb(47,92,137) |
hsl(210,49%,36%) |
#284f76 |
rgb(40,79,118) |
hsl(210,49%,31%) |
#224263 |
rgb(34,66,99) |
hsl(210,49%,26%) |
#1b3650 |
rgb(27,54,80) |
hsl(210,49%,21%) |
#15293d |
rgb(21,41,61) |
hsl(210,49%,16%) |
#0e1c2a |
rgb(14,28,42) |
hsl(210,49%,11%) |
#080f17 |
rgb(8,15,23) |
hsl(210,49%,6%) |
#010304 |
rgb(1,3,4) |
hsl(210,49%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#287567 |
rgb(40,117,103) |
hsl(169,49%,31%) |
#284F75 |
rgb(40,79,117) |
hsl(210,49%,31%) |
#342975 |
rgb(52,41,117) |
hsl(249,48%,31%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2E5C87 |
rgb(46,92,135) |
hsl(209,49%,35%) |
#284F75 |
rgb(40,79,117) |
hsl(210,49%,31%) |
#214262 |
rgb(33,66,98) |
hsl(210,50%,26%) |
#1B364F |
rgb(27,54,79) |
hsl(209,49%,21%) |
#14293C |
rgb(20,41,60) |
hsl(209,50%,16%) |
#0E1C2A |
rgb(14,28,42) |
hsl(210,50%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#284F75 |
rgb(40,79,117) |
hsl(210,49%,31%) |
#752928 |
rgb(117,41,40) |
hsl(1,49%,31%) |
#757528 |
rgb(117,117,40) |
hsl(60,49%,31%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#284F75 |
rgb(40,79,117) |
hsl(210,49%,31%) |
#754F28 |
rgb(117,79,40) |
hsl(30,49%,31%) |
#287574 |
rgb(40,117,116) |
hsl(179,49%,31%) |
#757528 |
rgb(117,117,40) |
hsl(60,49%,31%) |