HEX #5480B2 color — Steel Blue
The color #5480B2 is a dark shade and moderately saturated.
Palette
5480B2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f5f9 |
rgb(241,245,249) |
hsl(212,38%,96%) |
#dfe7f1 |
rgb(223,231,241) |
hsl(212,38%,91%) |
#cedae9 |
rgb(206,218,233) |
hsl(212,38%,86%) |
#bccde1 |
rgb(188,205,225) |
hsl(212,38%,81%) |
#abc0d9 |
rgb(171,192,217) |
hsl(212,38%,76%) |
#99b3d1 |
rgb(153,179,209) |
hsl(212,38%,71%) |
#87a6c9 |
rgb(135,166,201) |
hsl(212,38%,66%) |
#7699c1 |
rgb(118,153,193) |
hsl(212,38%,61%) |
#648cb9 |
rgb(100,140,185) |
hsl(212,38%,56%) |
#537fb2 |
rgb(83,127,178) |
hsl(212,38%,51%) |
#4972a2 |
rgb(73,114,162) |
hsl(212,38%,46%) |
#416690 |
rgb(65,102,144) |
hsl(212,38%,41%) |
#39597f |
rgb(57,89,127) |
hsl(212,38%,36%) |
#314d6d |
rgb(49,77,109) |
hsl(212,38%,31%) |
#29415b |
rgb(41,65,91) |
hsl(212,38%,26%) |
#21344a |
rgb(33,52,74) |
hsl(212,38%,21%) |
#192838 |
rgb(25,40,56) |
hsl(212,38%,16%) |
#111b27 |
rgb(17,27,39) |
hsl(212,38%,11%) |
#090f15 |
rgb(9,15,21) |
hsl(212,38%,6%) |
#020204 |
rgb(2,2,4) |
hsl(212,38%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#54B3A5 |
rgb(84,179,165) |
hsl(171,38%,52%) |
#5480B2 |
rgb(84,128,178) |
hsl(212,38%,51%) |
#6654B2 |
rgb(102,84,178) |
hsl(251,38%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8DABCC |
rgb(141,171,204) |
hsl(211,38%,68%) |
#7096BF |
rgb(112,150,191) |
hsl(211,38%,59%) |
#5480B2 |
rgb(84,128,178) |
hsl(212,38%,51%) |
#446B97 |
rgb(68,107,151) |
hsl(212,38%,43%) |
#37577A |
rgb(55,87,122) |
hsl(211,38%,35%) |
#2A425D |
rgb(42,66,93) |
hsl(212,38%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#5480B2 |
rgb(84,128,178) |
hsl(212,38%,51%) |
#B25754 |
rgb(178,87,84) |
hsl(2,38%,51%) |
#AFB354 |
rgb(175,179,84) |
hsl(63,38%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5480B2 |
rgb(84,128,178) |
hsl(212,38%,51%) |
#B28754 |
rgb(178,135,84) |
hsl(33,38%,51%) |
#54B0B2 |
rgb(84,176,178) |
hsl(181,38%,51%) |
#AFB354 |
rgb(175,179,84) |
hsl(63,38%,52%) |