#7F7F86

#7F7F86

Color Values

HEX

#7F7F86

RGB

127, 127, 134

HSL

240.0, 2.8%, 51.2%

HSV

240.0, 5.2%, 52.5%

CMYK

5.2%, 5.2%, 0.0%, 47.5%

OKLCH

0.5988 0.0105 286.1

Properties

Cool Light Nearest: grey

Color Psychology

Medium gray represents balance, neutrality, and diplomatic composure. It is the color of concrete, steel, and overcast skies, suggesting urban modernity and industrial strength. Gray communicates professionalism and impartiality in equal measure.

Design Usage

Medium gray is essential for body text, icons, and secondary labels in user interfaces. It provides the typographic backbone of design systems, separating primary from secondary information. Ensure proper contrast ratios since many popular mid-gray values fall below WCAG AA for text on white backgrounds.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #7F7F86;
color: #7F7F86;
border-color: #7F7F86;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Compare With

Related Articles