HEX #4580BB color — Steel Blue
The color #4580BB is a dark shade and moderately saturated.
Palette
4580BB color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(210,46%,95%) |
#dae6f1 |
rgb(218,230,241) |
hsl(210,46%,90%) |
#c7d9ea |
rgb(199,217,234) |
hsl(210,46%,85%) |
#b5cce3 |
rgb(181,204,227) |
hsl(210,46%,80%) |
#a2bfdd |
rgb(162,191,221) |
hsl(210,46%,75%) |
#8fb3d6 |
rgb(143,179,214) |
hsl(210,46%,70%) |
#7da6cf |
rgb(125,166,207) |
hsl(210,46%,65%) |
#6a99c8 |
rgb(106,153,200) |
hsl(210,46%,60%) |
#578cc1 |
rgb(87,140,193) |
hsl(210,46%,55%) |
#4580ba |
rgb(69,128,186) |
hsl(210,46%,50%) |
#3e73a8 |
rgb(62,115,168) |
hsl(210,46%,45%) |
#376695 |
rgb(55,102,149) |
hsl(210,46%,40%) |
#305982 |
rgb(48,89,130) |
hsl(210,46%,35%) |
#294d70 |
rgb(41,77,112) |
hsl(210,46%,30%) |
#22405d |
rgb(34,64,93) |
hsl(210,46%,25%) |
#1c334a |
rgb(28,51,74) |
hsl(210,46%,20%) |
#152638 |
rgb(21,38,56) |
hsl(210,46%,15%) |
#0e1a25 |
rgb(14,26,37) |
hsl(210,46%,10%) |
#070d13 |
rgb(7,13,19) |
hsl(210,46%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#45BAA7 |
rgb(69,186,167) |
hsl(170,46%,50%) |
#4580BB |
rgb(69,128,187) |
hsl(210,46%,50%) |
#5845BB |
rgb(88,69,187) |
hsl(250,46%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#80A8D0 |
rgb(128,168,208) |
hsl(210,46%,66%) |
#6294C5 |
rgb(98,148,197) |
hsl(210,46%,58%) |
#4580BB |
rgb(69,128,187) |
hsl(210,46%,50%) |
#396B9D |
rgb(57,107,157) |
hsl(210,47%,42%) |
#2E577F |
rgb(46,87,127) |
hsl(210,47%,34%) |
#234261 |
rgb(35,66,97) |
hsl(210,47%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#4580BB |
rgb(69,128,187) |
hsl(210,46%,50%) |
#BB4545 |
rgb(187,69,69) |
hsl(360,46%,50%) |
#BBBA45 |
rgb(187,186,69) |
hsl(59,46%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4580BB |
rgb(69,128,187) |
hsl(210,46%,50%) |
#BB8045 |
rgb(187,128,69) |
hsl(30,46%,50%) |
#45BABB |
rgb(69,186,187) |
hsl(181,46%,50%) |
#BBBA45 |
rgb(187,186,69) |
hsl(59,46%,50%) |