Tailwind CSS Colors

Gray 400

#9CA3AF

Tailwind classes

Backgroundbg-gray-400
Texttext-gray-400
Borderborder-gray-400
Ringring-gray-400

CSS Values

HEX#9CA3AF
RGBrgb(156, 163, 175)
HSLhsl(218, 11%, 65%)
HSL (modern)hsl(218deg 11% 65%)
OKLCHoklch(71.4% 0.0192 261deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.54:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 8.27:1AA: PassAAA: PassAA Large: Pass

Other Gray shades

Nearest Named Colors

See all
RAL Classic
7040
Material Design
blue-grey-300
CSS Named
darkgray
iOS HIG
system-gray2
Munsell
N-6
Crayola
wild-blue-yonder
Open Color
gray-5
Bootstrap 5
gray-500
Radix Colors
bronze-8
Ant Design
gray-7