HEX #3B82A6 color — Astral

The color #3B82A6 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

3B82A6 color palette from light to dark

HEX RGB HSL
#fbfdfe rgb(251,253,254) hsl(200,48%,99%)
#e8f2f7 rgb(232,242,247) hsl(200,48%,94%)
#d5e7f0 rgb(213,231,240) hsl(200,48%,89%)
#c3ddea rgb(195,221,234) hsl(200,48%,84%)
#b0d2e3 rgb(176,210,227) hsl(200,48%,79%)
#9dc7dd rgb(157,199,221) hsl(200,48%,74%)
#8abdd6 rgb(138,189,214) hsl(200,48%,69%)
#77b2cf rgb(119,178,207) hsl(200,48%,64%)
#64a7c9 rgb(100,167,201) hsl(200,48%,59%)
#519cc2 rgb(81,156,194) hsl(200,48%,54%)
#4191b9 rgb(65,145,185) hsl(200,48%,49%)
#3a82a6 rgb(58,130,166) hsl(200,48%,44%)
#347393 rgb(52,115,147) hsl(200,48%,39%)
#2d6580 rgb(45,101,128) hsl(200,48%,34%)
#26566d rgb(38,86,109) hsl(200,48%,29%)
#20475b rgb(32,71,91) hsl(200,48%,24%)
#193848 rgb(25,56,72) hsl(200,48%,19%)
#132935 rgb(19,41,53) hsl(200,48%,14%)
#0c1b22 rgb(12,27,34) hsl(200,48%,9%)
#050c0f rgb(5,12,15) hsl(200,48%,4%)

Adjacent colors

HEX RGB HSL
#3BA682 rgb(59,166,130) hsl(160,48%,44%)
#3B82A6 rgb(59,130,166) hsl(200,48%,44%)
#3B3BA6 rgb(59,59,166) hsl(240,48%,44%)

Monochromatic colors

HEX RGB HSL
#61A6C7 rgb(97,166,199) hsl(199,48%,58%)
#4796BD rgb(71,150,189) hsl(200,47%,51%)
#3B82A6 rgb(59,130,166) hsl(200,48%,44%)
#316E8B rgb(49,110,139) hsl(199,48%,37%)
#285970 rgb(40,89,112) hsl(199,47%,30%)
#1E4556 rgb(30,69,86) hsl(198,48%,23%)

Triad color palettes

HEX RGB HSL
#3B82A6 rgb(59,130,166) hsl(200,48%,44%)
#A63B4C rgb(166,59,76) hsl(350,48%,44%)
#A6943B rgb(166,148,59) hsl(50,48%,44%)

Tetrad color palettes

HEX RGB HSL
#3B82A6 rgb(59,130,166) hsl(200,48%,44%)
#A65E3B rgb(166,94,59) hsl(20,48%,44%)
#3BA694 rgb(59,166,148) hsl(170,48%,44%)
#A6943B rgb(166,148,59) hsl(50,48%,44%)