Skip to main content
ToolsHub
#696969

Dimgray Color — #696969

Complete color reference for #696969: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#696969
RGBrgb(105, 105, 105)
HSLhsl(0, 0%, 41%)
HSVhsv(0, 0%, 41%)
CMYKC:0% M:0% Y:0% K:59%
CSS Colordimgray
Decimal6908265
Luminance0.1413

WCAG Accessibility Contrast

#696969 on White
Ratio: 5.49:1 — AA
#696969 on Black
Ratio: 3.83:1 — AA Large
White on #696969
Ratio: 5.49:1 — AA
Black on #696969
Ratio: 3.83:1 — AA Large

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F8F8F8
100#E9E9E9
200#D2D2D2
300#BCBCBC
400#9E9E9E
500#696969
600#545454
700#3F3F3F
800#2A2A2A
900#1A1A1A

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #696969?

The RGB equivalent is rgb(105, 105, 105). The red channel is 105, green is 105, and blue is 105 (scale 0–255).

What is the HSL value of #696969?

The HSL value is hsl(0, 0%, 41%). Hue is 0°, saturation is 0%, and lightness is 41%.

Does #696969 meet WCAG accessibility standards?

On a white background, #696969 achieves a 5.49:1 contrast ratio (AA). On a black background it achieves 3.83:1 (AA Large). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #696969?

The complementary color (180° opposite on the hue wheel) of #696969 is #696969.