Tailwind CSS Colors

Blue 50

#EFF6FF

Tailwind classes

Backgroundbg-blue-50
Texttext-blue-50
Borderborder-blue-50
Ringring-blue-50

CSS Values

HEX#EFF6FF
RGBrgb(239, 246, 255)
HSLhsl(214, 100%, 97%)
HSL (modern)hsl(214deg 100% 97%)
OKLCHoklch(97% 0.0142 255deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.09:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 19.3:1AA: PassAAA: PassAA Large: Pass

Other Blue shades

Nearest Named Colors

See all
Ant Design
geekblue-1
CSS Named
aliceblue
Radix Colors
indigo-3
Open Color
blue-0
iOS HIG
system-gray6
Material Design
grey-100
RAL Classic
9010
Bootstrap 5
gray-100
Crayola
white
Munsell
N-9