Codes & values
- Color Name
Zinc 500 - Color ID
KDF-C-07434618 - HEX
#71717A - RGB
rgb(113, 113, 122) - RGBA
rgba(113, 113, 122, 1) - HSL
hsl(240, 4%, 46%) - HSLA
hsla(240, 4%, 46%, 1) - HSV / HSB
hsv(240, 7%, 48%) - CMYK
cmyk(7%, 7%, 0%, 52%) - Light / Dark
mid
Quick answers
- What is the HEX code for Zinc 500?
- #71717A
- What is Zinc 500 RGB?
- rgb(113, 113, 122)
- What is Zinc 500 HSL?
- hsl(240, 4%, 46%)
- What is Zinc 500 CMYK?
- cmyk(7%, 7%, 0%, 52%)
What is Zinc 500?
Zinc 500 is a curated gray family color at #71717A. It appears in our library with tags for ui, web, design, background. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Zinc 500 HEX code
The HEX code for Zinc 500 is #71717A. Paste it into CSS as color: #71717A; or background-color: #71717A;. Design tools accept the same six-digit value without the # prefix (71717a).
Zinc 500 RGB
Zinc 500 in RGB is rgb(113, 113, 122) (channels R 113, G 113, B 122). Use RGB when you need opacity via rgba(113, 113, 122, 1).
Zinc 500 HSL & HSV
HSL is hsl(240, 4%, 46%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(240, 7%, 48%), closer to how many digital pickers expose hue, saturation, and brightness.
Zinc 500 CMYK
Approximate CMYK for Zinc 500 is cmyk(7%, 7%, 0%, 52%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Zinc 500
Darker shades (mixed toward black): #5E5E66, #4B4B51, #39393D, #262629, #131314. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Zinc 500
Lighter tints (mixed toward white): #898990, #A0A0A6, #B8B8BD, #D0D0D3, #E7E7E9. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Zinc 500
Complementary pairing: #71717A, #7A7A71. Analogous neighbors: #71767A, #71717A, #76717A. Triadic accents: #71717A, #7A7171, #717A71. Always check text contrast when pairing.
Zinc 500 color combinations
A practical combo: primary #71717A, complementary accent #7A7A71, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #71717A, #7A7671, #767A71.
Zinc 500 in web design
Grays carry typography and surfaces. Charcoal for body text, slate for secondary UI, light gray for cards — contrast always beats decorative gray-on-gray.
Zinc 500 in branding
Neutral brand systems rely on gray for UI chrome while a single accent color carries recognition. Contrast vs white is 4.83:1 (passes WCAG AA for normal text); vs black 4.35:1.
Frequently asked questions
- What is the HEX code for Zinc 500?
- Zinc 500: #71717A.
- What is Zinc 500 RGB?
- Zinc 500: rgb(113, 113, 122).
- What is Zinc 500 HSL?
- Zinc 500: hsl(240, 4%, 46%).
- What is Zinc 500 CMYK?
- Zinc 500: cmyk(7%, 7%, 0%, 52%).
- What colors go with Zinc 500?
- Try complementary #71717A, #7A7A71 or analogous #71767A, #71717A, #76717A.
- Is Zinc 500 good for text on white?
- Yes — contrast 4.83:1 meets WCAG AA for normal text.
Accessibility snapshot
Contrast vs white: 4.83:1 (AA body text pass). Contrast vs black: 4.35:1. Complementary swatch: #71717A, #7A7A71.
Explore related
Gray colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK