HEX #5682B4 color — Steel Blue

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

Color codes

copy icon
copy icon
copy icon

Palette

5682B4 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
#56B5A7 rgb(86,181,167) hsl(171,39%,52%)
#5682B4 rgb(86,130,180) hsl(212,39%,52%)
#6857B4 rgb(104,87,180) hsl(251,38%,52%)

Monochromatic colors

HEX RGB HSL
#90ADCE rgb(144,173,206) hsl(212,39%,69%)
#7399C1 rgb(115,153,193) hsl(211,39%,60%)
#5682B4 rgb(86,130,180) hsl(212,39%,52%)
#446E9A rgb(68,110,154) hsl(211,39%,44%)
#37597D rgb(55,89,125) hsl(211,39%,35%)
#2A425F rgb(42,66,95) hsl(213,39%,27%)

Triad color palettes

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

Tetrad color palettes

HEX RGB HSL
#5682B4 rgb(86,130,180) hsl(212,39%,52%)
#B48756 rgb(180,135,86) hsl(31,39%,52%)
#56B0B4 rgb(86,176,180) hsl(183,39%,52%)
#B1B556 rgb(177,181,86) hsl(63,39%,52%)