Skip to main content
ToolsHub
#8A6E60

#8A6E60 Color — #8A6E60

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

Color Format Conversions

HEX#8A6E60
RGBrgb(138, 110, 96)
HSLhsl(20, 18%, 46%)
HSVhsv(20, 30%, 54%)
CMYKC:0% M:20% Y:30% K:46%
CSS Color#8A6E60
Decimal9072224
Luminance0.174

WCAG Accessibility Contrast

#8A6E60 on White
Ratio: 4.69:1 — AA
#8A6E60 on Black
Ratio: 4.48:1 — AA Large
White on #8A6E60
Ratio: 4.69:1 — AA
Black on #8A6E60
Ratio: 4.48: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#F9F8F7
100#EDE9E7
200#DCD4CF
300#CABEB7
400#B3A198
500#8A6E60
600#6E584D
700#53423A
800#372C26
900#231C18

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 #8A6E60?

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

What is the HSL value of #8A6E60?

The HSL value is hsl(20, 18%, 46%). Hue is 20°, saturation is 18%, and lightness is 46%.

Does #8A6E60 meet WCAG accessibility standards?

On a white background, #8A6E60 achieves a 4.69:1 contrast ratio (AA). On a black background it achieves 4.48:1 (AA Large). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #8A6E60?

The complementary color (180° opposite on the hue wheel) of #8A6E60 is #607C8A.