Tailwind CSS Colors

Slate 300

#CBD5E1

Tailwind classes

Backgroundbg-slate-300
Texttext-slate-300
Borderborder-slate-300
Ringring-slate-300

CSS Values

HEX#CBD5E1
RGBrgb(203, 213, 225)
HSLhsl(213, 27%, 84%)
HSL (modern)hsl(213deg 27% 84%)
OKLCHoklch(86.9% 0.0198 253deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 1.48:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 14.14:1AA: PassAAA: PassAA Large: Pass

Other Slate shades

Nearest Named Colors

See all
Open Color
gray-4
Bootstrap 5
gray-400
Material Design
blue-grey-100
iOS HIG
system-gray4
Crayola
periwinkle
Radix Colors
slate-7
CSS Named
lightgray
RAL Classic
7035
Ant Design
gray-5
Munsell
N-8