HEX #5682B5 color — Steel Blue

The color #5682B5 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

5682B5 color palette from light to dark

HEX RGB HSL
#f4f7fa rgb(244,247,250) hsl(212,39%,97%)
#e3eaf3 rgb(227,234,243) hsl(212,39%,92%)
#d1ddeb rgb(209,221,235) hsl(212,39%,87%)
#bfd0e3 rgb(191,208,227) hsl(212,39%,82%)
#adc3db rgb(173,195,219) hsl(212,39%,77%)
#9cb6d3 rgb(156,182,211) hsl(212,39%,72%)
#8aa9cc rgb(138,169,204) hsl(212,39%,67%)
#789cc4 rgb(120,156,196) hsl(212,39%,62%)
#678ebc rgb(103,142,188) hsl(212,39%,57%)
#5581b4 rgb(85,129,180) hsl(212,39%,52%)
#4975a7 rgb(73,117,167) hsl(212,39%,47%)
#416895 rgb(65,104,149) hsl(212,39%,42%)
#3a5c83 rgb(58,92,131) hsl(212,39%,37%)
#324f71 rgb(50,79,113) hsl(212,39%,32%)
#2a4360 rgb(42,67,96) hsl(212,39%,27%)
#22374e rgb(34,55,78) hsl(212,39%,22%)
#1a2a3c rgb(26,42,60) hsl(212,39%,17%)
#131e2b rgb(19,30,43) hsl(212,39%,12%)
#0b1119 rgb(11,17,25) hsl(212,39%,7%)
#030507 rgb(3,5,7) hsl(212,39%,2%)

Adjacent colors

HEX RGB HSL
#56B5A8 rgb(86,181,168) hsl(172,39%,52%)
#5682B5 rgb(86,130,181) hsl(212,39%,52%)
#6957B5 rgb(105,87,181) hsl(251,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%)
#5682B5 rgb(86,130,181) hsl(212,39%,52%)
#446E9B rgb(68,110,155) hsl(211,39%,44%)
#37597E rgb(55,89,126) hsl(211,39%,35%)
#2A4260 rgb(42,66,96) hsl(213,39%,27%)

Triad color palettes

HEX RGB HSL
#5682B5 rgb(86,130,181) hsl(212,39%,52%)
#B55956 rgb(181,89,86) hsl(2,39%,52%)
#B1B556 rgb(177,181,86) hsl(63,39%,52%)

Tetrad color palettes

HEX RGB HSL
#5682B5 rgb(86,130,181) hsl(212,39%,52%)
#B58A56 rgb(181,138,86) hsl(33,39%,52%)
#56B3B5 rgb(86,179,181) hsl(181,39%,52%)
#B1B556 rgb(177,181,86) hsl(63,39%,52%)