dimgrey

#696969

CSS color

Dim Gray (#696969) is a medium-dark neutral gray CSS named color—exactly at the midpoint of dark and medium gray. Its playful numerical value (#696969) belies its functional role as a workhorse neutral for secondary text, subtle borders, and disabled interface states. It provides sufficient contrast against white without the severity of near-black tones.

Color Values

HEX

#696969

RGB

105, 105, 105

HSL

0.0, 0.0%, 41.2%

HSV

0.0, 0.0%, 41.2%

CMYK

0.0%, 0.0%, 0.0%, 58.8%

OKLCH

0.5208 0.0 89.9

Properties

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: #696969;
color: #696969;
border-color: #696969;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #696969?

RGB(105, 105, 105) · HSL(0.0, 0.0%, 41.2%) · CMYK(0.0%, 0.0%, 0.0%, 58.8%)

Does #696969 meet WCAG contrast on white?

5.49:1 — WCAG AA Pass, AAA Fail for normal text.

What text color is readable on #696969?

Use FFFFFF text on a #696969 background; contrast on black is 3.83:1.