#3B82F6

59, 130, 246

Blue 500

Tailwind CSS's default blue. A perfectly balanced, versatile blue that works for almost any digital design context requiring a clear primary color.

HEX#3B82F6

RGB59, 130, 246

HSL217°, 91%, 60%

CMYK76%, 47%, 0%, 4%

CSS Variable--color: #3B82F6;

Use in Generator Check Contrast View on Wheel

Shades of Blue 500

#cee0fd

#9dc1fb

#6da2f8

#3c83f6

#0b64f4

#0950c3

#073c92

#042862

#021431

Tints of Blue 500

#3b82f6

#5090f7

#669df8

#7babf9

#91b9fa

#a6c6fb

#bcd4fc

#d1e2fd

#e7effe

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.68:1

AA NormalFailAAAFail

Sample Text

On Black5.71:1

AA NormalPassAAAFail

Full contrast analysis →

Blue

#0000FF

Royal Blue

#0057B8

Cornflower Blue

#4D96FF

Dodger Blue

#1E90FF

Sky Blue

#87CEEB

Prussian Blue

#003153