Colors

#52525B

Zinc 600

Zinc 600 is #52525B — a neutral used for type, borders, and surfaces. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Conversions

HEX
#52525B
RGB
rgb(82, 82, 91)
HSL
hsl(240,5%,34%)
HSV
hsv(240, 10%, 36%)
CMYK
cmyk(10,10,0,64)
OKLCH
oklch(44.2% 0.015 285.8)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#75757C

20% white

#97979D

40% white

#BABABD

60% white

#DCDCDE

80% white

Shades

#424249

20% black

#313137

40% black

#212124

60% black

#101012

80% black

Harmony palettes

These schemes rotate hue from Zinc 600. Read the relationships in color theory 101 or adjust them on the color wheel.

Complementary

Open in palette generator

#52525B

#5B5B52

#797981

#818179

#2F2F32

Analogous

Open in palette generator

#52575B

#52525B

#57525B

#5B525B

#535A5A

Triadic

Open in palette generator

#52525B

#5B5252

#525B52

#817979

#3B3F3B

Split Complementary

Open in palette generator

#52525B

#5B5752

#575B52

#86868D

#32322F

Monochromatic

Open in palette generator

#303036

#55555E

#797986

#A1A1AA

#C9C9CF

Tetradic

Open in palette generator

#52525B

#5B5257

#5B5B52

#525B57

#797175

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 7.73:1
AA normal text Pass
AA large text Pass
AAA normal text Pass
AAA large text Pass
On black · 2.72:1
AA normal text Fail
AA large text Fail
AAA normal text Fail
AAA large text Fail

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color