HEX #5682B6 color — Steel Blue
The color #5682B6 is a dark shade and moderately saturated.
Palette
5682B6 color palette from light to dark
HEX |
RGB |
HSL |
#f8fafc |
rgb(248,250,252) |
hsl(213,40%,98%) |
#e6ecf4 |
rgb(230,236,244) |
hsl(213,40%,93%) |
#d4dfed |
rgb(212,223,237) |
hsl(213,40%,88%) |
#c2d2e5 |
rgb(194,210,229) |
hsl(213,40%,83%) |
#b0c5dd |
rgb(176,197,221) |
hsl(213,40%,78%) |
#9fb7d6 |
rgb(159,183,214) |
hsl(213,40%,73%) |
#8daace |
rgb(141,170,206) |
hsl(213,40%,68%) |
#7b9dc6 |
rgb(123,157,198) |
hsl(213,40%,63%) |
#6990bf |
rgb(105,144,191) |
hsl(213,40%,58%) |
#5782b7 |
rgb(87,130,183) |
hsl(213,40%,53%) |
#4976ab |
rgb(73,118,171) |
hsl(213,40%,48%) |
#42699a |
rgb(66,105,154) |
hsl(213,40%,43%) |
#3a5d88 |
rgb(58,93,136) |
hsl(213,40%,38%) |
#325176 |
rgb(50,81,118) |
hsl(213,40%,33%) |
#2b4564 |
rgb(43,69,100) |
hsl(213,40%,28%) |
#233852 |
rgb(35,56,82) |
hsl(213,40%,23%) |
#1c2c40 |
rgb(28,44,64) |
hsl(213,40%,18%) |
#14202e |
rgb(20,32,46) |
hsl(213,40%,13%) |
#0c141d |
rgb(12,20,29) |
hsl(213,40%,8%) |
#05070b |
rgb(5,7,11) |
hsl(213,40%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#56B5AA |
rgb(86,181,170) |
hsl(173,39%,52%) |
#5682B6 |
rgb(86,130,182) |
hsl(213,40%,53%) |
#6A57B6 |
rgb(106,87,182) |
hsl(252,39%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#91ADCF |
rgb(145,173,207) |
hsl(213,39%,69%) |
#7399C2 |
rgb(115,153,194) |
hsl(211,39%,61%) |
#5682B6 |
rgb(86,130,182) |
hsl(213,40%,53%) |
#436E9D |
rgb(67,110,157) |
hsl(211,40%,44%) |
#36597F |
rgb(54,89,127) |
hsl(211,40%,35%) |
#2A4261 |
rgb(42,66,97) |
hsl(214,40%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#5682B6 |
rgb(86,130,182) |
hsl(213,40%,53%) |
#B65956 |
rgb(182,89,86) |
hsl(2,40%,53%) |
#B2B556 |
rgb(178,181,86) |
hsl(62,39%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682B6 |
rgb(86,130,182) |
hsl(213,40%,53%) |
#B68A56 |
rgb(182,138,86) |
hsl(33,40%,53%) |
#56B3B6 |
rgb(86,179,182) |
hsl(182,40%,53%) |
#B2B556 |
rgb(178,181,86) |
hsl(62,39%,52%) |