Tailwind CSS Colors

Gray 700

#374151

Tailwind classes

Backgroundbg-gray-700
Texttext-gray-700
Borderborder-gray-700
Ringring-gray-700

CSS Values

HEX#374151
RGBrgb(55, 65, 81)
HSLhsl(217, 19%, 27%)
HSL (modern)hsl(217deg 19% 27%)
OKLCHoklch(37.3% 0.0306 260deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 10.31:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.04:1AA: FailAAA: FailAA Large: Fail

Other Gray shades

Nearest Named Colors

See all
Material Design
blue-grey-800
RAL Classic
7015
Ant Design
gray-9
Open Color
gray-8
Bootstrap 5
gray-800
Radix Colors
sky-12
Crayola
outer-space
CSS Named
darkslategray
Munsell
N-3
iOS HIG
accessible-indigo