OrangeMid-toneMuted

Earl Grey

#A6978A

Contrast at a glance

White text

2.83:1Fails

Black text

6.99:1AA

Open the contrast checker →

About Earl Grey

Earl Grey (#A6978A) is a mid-tone muted orange. Its RGB value is 166, 151, 138 and its HSL value is 28°, 14%, 60%. Black text reads best on it, at a contrast ratio of 6.99:1 (WCAG AA). Below are ten tints and shades of Earl Grey, plus complementary, analogous, triadic, and split-complementary palettes built from it.

Tints

Open in Scales →

Shades

Open in Scales →

Harmonies

Complementary

#A6978A · #8A99A6

Analogous

#A68A8B · #A6978A · #A6A58A

Triadic

#A6978A · #8AA697 · #978AA6

Split complementary

#A6978A · #8AA6A5 · #8A8BA6

Do more with Earl Grey

Build a palette around it, generate a scale, or check it for accessibility.

Start a palette Generate a scale Check contrast