HEX #4580B5 color — Steel Blue
The color #4580B5 is a dark shade and moderately saturated.
Palette
4580B5 color palette from light to dark
HEX |
RGB |
HSL |
#fbfdfe |
rgb(251,253,254) |
hsl(208,45%,99%) |
#e9f0f7 |
rgb(233,240,247) |
hsl(208,45%,94%) |
#d6e4f0 |
rgb(214,228,240) |
hsl(208,45%,89%) |
#c4d7e9 |
rgb(196,215,233) |
hsl(208,45%,84%) |
#b1cbe2 |
rgb(177,203,226) |
hsl(208,45%,79%) |
#9fbfdb |
rgb(159,191,219) |
hsl(208,45%,74%) |
#8cb2d4 |
rgb(140,178,212) |
hsl(208,45%,69%) |
#7aa6cd |
rgb(122,166,205) |
hsl(208,45%,64%) |
#679ac5 |
rgb(103,154,197) |
hsl(208,45%,59%) |
#558dbe |
rgb(85,141,190) |
hsl(208,45%,54%) |
#4581b5 |
rgb(69,129,181) |
hsl(208,45%,49%) |
#3e74a3 |
rgb(62,116,163) |
hsl(208,45%,44%) |
#376690 |
rgb(55,102,144) |
hsl(208,45%,39%) |
#30597e |
rgb(48,89,126) |
hsl(208,45%,34%) |
#294c6b |
rgb(41,76,107) |
hsl(208,45%,29%) |
#223f59 |
rgb(34,63,89) |
hsl(208,45%,24%) |
#1b3246 |
rgb(27,50,70) |
hsl(208,45%,19%) |
#142534 |
rgb(20,37,52) |
hsl(208,45%,14%) |
#0d1821 |
rgb(13,24,33) |
hsl(208,45%,9%) |
#060b0f |
rgb(6,11,15) |
hsl(208,45%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#45B59F |
rgb(69,181,159) |
hsl(168,45%,49%) |
#4580B5 |
rgb(69,128,181) |
hsl(208,45%,49%) |
#5445B5 |
rgb(84,69,181) |
hsl(248,45%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7CA8CD |
rgb(124,168,205) |
hsl(207,45%,65%) |
#5F94C2 |
rgb(95,148,194) |
hsl(208,45%,57%) |
#4580B5 |
rgb(69,128,181) |
hsl(208,45%,49%) |
#396B98 |
rgb(57,107,152) |
hsl(208,45%,41%) |
#2E577B |
rgb(46,87,123) |
hsl(208,46%,33%) |
#23425E |
rgb(35,66,94) |
hsl(208,46%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#4580B5 |
rgb(69,128,181) |
hsl(208,45%,49%) |
#B54548 |
rgb(181,69,72) |
hsl(358,45%,49%) |
#B5B345 |
rgb(181,179,69) |
hsl(59,45%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4580B5 |
rgb(69,128,181) |
hsl(208,45%,49%) |
#B57A45 |
rgb(181,122,69) |
hsl(28,45%,49%) |
#45B5B2 |
rgb(69,181,178) |
hsl(178,45%,49%) |
#B5B345 |
rgb(181,179,69) |
hsl(59,45%,49%) |