Tailwind CSS Colors

Slate 50

#F8FAFC

Tailwind classes

Backgroundbg-slate-50
Texttext-slate-50
Borderborder-slate-50
Ringring-slate-50

CSS Values

HEX#F8FAFC
RGBrgb(248, 250, 252)
HSLhsl(210, 40%, 98%)
HSL (modern)hsl(210deg 40% 98%)
OKLCHoklch(98.4% 0.0034 248deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.05:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 20.07:1AA: PassAAA: PassAA Large: Pass

Other Slate shades

Nearest Named Colors

See all
Radix Colors
slate-2
Open Color
gray-0
Bootstrap 5
gray-100
Material Design
grey-50
Ant Design
gray-2
CSS Named
ghostwhite
RAL Classic
9010
iOS HIG
system-background
Crayola
white
Munsell
N-9