Tailwind CSS Colors

Slate 500

#64748B

Tailwind classes

Backgroundbg-slate-500
Texttext-slate-500
Borderborder-slate-500
Ringring-slate-500

CSS Values

HEX#64748B
RGBrgb(100, 116, 139)
HSLhsl(215, 16%, 47%)
HSL (modern)hsl(215deg 16% 47%)
OKLCHoklch(55.4% 0.0407 257deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 4.76:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 4.41:1AA: FailAAA: FailAA Large: Pass

Other Slate shades

Nearest Named Colors

See all
RAL Classic
5014
Bootstrap 5
gray-600
Material Design
blue-grey-500
CSS Named
slategray
Munsell
N-5
Radix Colors
mauve-11
iOS HIG
accessible-teal
Open Color
cyan-8
Crayola
shadow
Ant Design
gray-7