Tailwind CSS Colors

Zinc 700

#3F3F46

Tailwind classes

Backgroundbg-zinc-700

Texttext-zinc-700

Borderborder-zinc-700

Ringring-zinc-700

CSS Values

HEX#3F3F46

RGBrgb(63, 63, 70)

HSLhsl(240, 5%, 26%)

HSL (modern)hsl(240deg 5% 26%)

OKLCHoklch(37% 0.0119 286deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white

Ratio: 10.44:1AA: PassAAA: PassAA Large: Pass

AaText on black

Ratio: 2.01:1AA: FailAAA: FailAA Large: Fail

Other Zinc shades

50 100 200 300 400 500 600 800 900 950

Nearest Named Colors

Material Design

grey-800#424242

Ant Design

gray-9#434343

RAL Classic

6012#343E40

Open Color

gray-8#343A40

Bootstrap 5

gray-800#343A40

Crayola

outer-space#414A4C

Munsell

N-3#4C4A4A

Radix Colors

brown-12#3E332E

CSS Named

darkslategray#2F4F4F

iOS HIG

accessible-indigo#3634A3