HEX #3F80A5 color — Steel Blue
The color #3F80A5 is a dark shade and moderately saturated.
Palette
3F80A5 color palette from light to dark
HEX |
RGB |
HSL |
#edf4f8 |
rgb(237,244,248) |
hsl(202,45%,95%) |
#dae9f1 |
rgb(218,233,241) |
hsl(202,45%,90%) |
#c8ddea |
rgb(200,221,234) |
hsl(202,45%,85%) |
#b5d2e3 |
rgb(181,210,227) |
hsl(202,45%,80%) |
#a3c7dc |
rgb(163,199,220) |
hsl(202,45%,75%) |
#90bcd5 |
rgb(144,188,213) |
hsl(202,45%,70%) |
#7eb0ce |
rgb(126,176,206) |
hsl(202,45%,65%) |
#6ba5c7 |
rgb(107,165,199) |
hsl(202,45%,60%) |
#599ac0 |
rgb(89,154,192) |
hsl(202,45%,55%) |
#468fb9 |
rgb(70,143,185) |
hsl(202,45%,50%) |
#3f81a6 |
rgb(63,129,166) |
hsl(202,45%,45%) |
#387294 |
rgb(56,114,148) |
hsl(202,45%,40%) |
#316481 |
rgb(49,100,129) |
hsl(202,45%,35%) |
#2a566f |
rgb(42,86,111) |
hsl(202,45%,30%) |
#23475c |
rgb(35,71,92) |
hsl(202,45%,25%) |
#1c394a |
rgb(28,57,74) |
hsl(202,45%,20%) |
#152b37 |
rgb(21,43,55) |
hsl(202,45%,15%) |
#0e1d25 |
rgb(14,29,37) |
hsl(202,45%,10%) |
#070e12 |
rgb(7,14,18) |
hsl(202,45%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3FA686 |
rgb(63,166,134) |
hsl(161,45%,45%) |
#3F80A5 |
rgb(63,128,165) |
hsl(202,45%,45%) |
#4240A5 |
rgb(66,64,165) |
hsl(241,44%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#67A3C5 |
rgb(103,163,197) |
hsl(202,45%,59%) |
#4D94BB |
rgb(77,148,187) |
hsl(201,45%,52%) |
#3F80A5 |
rgb(63,128,165) |
hsl(202,45%,45%) |
#346B8A |
rgb(52,107,138) |
hsl(202,45%,37%) |
#2A5770 |
rgb(42,87,112) |
hsl(201,45%,30%) |
#204255 |
rgb(32,66,85) |
hsl(202,45%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F80A5 |
rgb(63,128,165) |
hsl(202,45%,45%) |
#A5404D |
rgb(165,64,77) |
hsl(352,44%,45%) |
#A5963F |
rgb(165,150,63) |
hsl(51,45%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F80A5 |
rgb(63,128,165) |
hsl(202,45%,45%) |
#A5633F |
rgb(165,99,63) |
hsl(21,45%,45%) |
#3FA697 |
rgb(63,166,151) |
hsl(171,45%,45%) |
#A5963F |
rgb(165,150,63) |
hsl(51,45%,45%) |