Tailwind CSS Colors

Gray 500

#6B7280

Tailwind classes

Backgroundbg-gray-500
Texttext-gray-500
Borderborder-gray-500
Ringring-gray-500

CSS Values

HEX#6B7280
RGBrgb(107, 114, 128)
HSLhsl(220, 9%, 46%)
HSL (modern)hsl(220deg 9% 46%)
OKLCHoklch(55.1% 0.0234 264deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 4.83:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 4.34:1AA: FailAAA: FailAA Large: Pass

Other Gray shades

Nearest Named Colors

See all
Bootstrap 5
gray-600
Material Design
grey-600
RAL Classic
4012
CSS Named
dimgray
Munsell
N-5
Radix Colors
mauve-11
Crayola
shadow
iOS HIG
accessible-teal
Open Color
cyan-9
Ant Design
gray-8