#2563EB

37, 99, 235

Blue 600

A deeper, more confident blue from the Tailwind CSS palette. Strong enough for primary actions while remaining approachable and trustworthy.

HEX#2563EB

RGB37, 99, 235

HSL221°, 83%, 53%

CMYK84%, 58%, 0%, 8%

CSS Variable--color: #2563EB;

Use in Generator Check Contrast View on Wheel

Shades of Blue 600

#d0defb

#a2bcf6

#739bf2

#4479ee

#1558ea

#1146bb

#0d358c

#09235d

#04122f

Tints of Blue 600

#2563eb

#3d74ed

#5686ef

#6e97f2

#86a9f4

#9fbaf6

#b7cbf8

#cfddfb

#e8eefd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White5.17:1

AA NormalPassAAAFail

Sample Text

On Black4.06:1

AA NormalFailAAAFail

Full contrast analysis →

Blue

#0000FF

Royal Blue

#0057B8

Cornflower Blue

#4D96FF

Dodger Blue

#1E90FF

Sky Blue

#87CEEB

Prussian Blue

#003153