OrangeMid-toneMuted

Earl Grey

#A7978C

Contrast at a glance

White text

2.82:1Fails

Black text

7.02:1AAA

Open the contrast checker →

About Earl Grey

Earl Grey (#A7978C) is a mid-tone muted orange. Its RGB value is 167, 151, 140 and its HSL value is 24°, 13%, 60%. Black text reads best on it, at a contrast ratio of 7.02:1 (WCAG AAA). 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

#A7978C · #8C9CA7

Analogous

#A78C8F · #A7978C · #A7A58C

Triadic

#A7978C · #8CA797 · #978CA7

Split complementary

#A7978C · #8CA7A5 · #8C8FA7

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