Tailwind CSS Colors

Blue 100

#DBEAFE

Tailwind classes

Backgroundbg-blue-100
Texttext-blue-100
Borderborder-blue-100
Ringring-blue-100

CSS Values

HEX#DBEAFE
RGBrgb(219, 234, 254)
HSLhsl(214, 95%, 93%)
HSL (modern)hsl(214deg 95% 93%)
OKLCHoklch(93.2% 0.0316 256deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.22:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 17.21:1AA: PassAAA: PassAA Large: Pass

Other Blue shades

Nearest Named Colors

See all
Radix Colors
indigo-4
Open Color
blue-1
CSS Named
lavender
Ant Design
geekblue-2
Material Design
indigo-50
iOS HIG
system-fill
Bootstrap 5
blue-100
Munsell
N-9
Crayola
white
RAL Classic
9003