Tailwind CSS Colors

Blue 600

#2563EB

Tailwind classes

Backgroundbg-blue-600
Texttext-blue-600
Borderborder-blue-600
Ringring-blue-600

CSS Values

HEX#2563EB
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
HSL (modern)hsl(221deg 83% 53%)
OKLCHoklch(54.6% 0.2152 263deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 5.17:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 4.06:1AA: FailAAA: FailAA Large: Pass

Other Blue shades

Nearest Named Colors

See all
Open Color
indigo-7
Radix Colors
indigo-9
Material Design
blue-a700
Ant Design
geekblue-6
CSS Named
royalblue
Bootstrap 5
blue-500
Crayola
blue
iOS HIG
system-blue
Munsell
10B-5-10
RAL Classic
5015