HEX #5A80B5 color — Steel Blue
The color #5A80B5 is a dark shade and moderately saturated.
Palette
5A80B5 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(215,38%,98%) |
#e6ecf4 |
rgb(230,236,244) |
hsl(215,38%,93%) |
#d5deec |
rgb(213,222,236) |
hsl(215,38%,88%) |
#c3d1e4 |
rgb(195,209,228) |
hsl(215,38%,83%) |
#b2c3dc |
rgb(178,195,220) |
hsl(215,38%,78%) |
#a0b6d4 |
rgb(160,182,212) |
hsl(215,38%,73%) |
#8ea8cc |
rgb(142,168,204) |
hsl(215,38%,68%) |
#7d9bc5 |
rgb(125,155,197) |
hsl(215,38%,63%) |
#6b8dbd |
rgb(107,141,189) |
hsl(215,38%,58%) |
#5a80b5 |
rgb(90,128,181) |
hsl(215,38%,53%) |
#4c73a9 |
rgb(76,115,169) |
hsl(215,38%,48%) |
#446797 |
rgb(68,103,151) |
hsl(215,38%,43%) |
#3c5b86 |
rgb(60,91,134) |
hsl(215,38%,38%) |
#344f74 |
rgb(52,79,116) |
hsl(215,38%,33%) |
#2c4363 |
rgb(44,67,99) |
hsl(215,38%,28%) |
#243751 |
rgb(36,55,81) |
hsl(215,38%,23%) |
#1c2b3f |
rgb(28,43,63) |
hsl(215,38%,18%) |
#151f2e |
rgb(21,31,46) |
hsl(215,38%,13%) |
#0d131c |
rgb(13,19,28) |
hsl(215,38%,8%) |
#05070b |
rgb(5,7,11) |
hsl(215,38%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AB5AD |
rgb(90,181,173) |
hsl(175,38%,53%) |
#5A80B5 |
rgb(90,128,181) |
hsl(215,38%,53%) |
#7059B5 |
rgb(112,89,181) |
hsl(255,38%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95ADCF |
rgb(149,173,207) |
hsl(215,38%,70%) |
#7796C2 |
rgb(119,150,194) |
hsl(215,38%,61%) |
#5A80B5 |
rgb(90,128,181) |
hsl(215,38%,53%) |
#466B9D |
rgb(70,107,157) |
hsl(214,38%,45%) |
#39577F |
rgb(57,87,127) |
hsl(214,38%,36%) |
#2B4261 |
rgb(43,66,97) |
hsl(214,39%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A80B5 |
rgb(90,128,181) |
hsl(215,38%,53%) |
#B5615A |
rgb(181,97,90) |
hsl(5,38%,53%) |
#ADB55A |
rgb(173,181,90) |
hsl(65,38%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A80B5 |
rgb(90,128,181) |
hsl(215,38%,53%) |
#B58F5A |
rgb(181,143,90) |
hsl(35,38%,53%) |
#5AADB5 |
rgb(90,173,181) |
hsl(185,38%,53%) |
#ADB55A |
rgb(173,181,90) |
hsl(65,38%,53%) |