#A99485 — Earl Grey Color · Hex, RGB & Palettes

COLOR

#A99485

≈ Earl Grey

Values · copy any

On white

2.89:1

Fails AA

On black

6.05:1

Passes AA

Best text on this color

Aa#1C1916(6.05:1)

Adjust & explore

drag the picker or wheel — values & harmonies update live

Picker · drag to explore

Hue25°Saturation21%Brightness66%

Wheel

Build a scheme →

Harmonies · live

Colour-blindness preview

Normal vision#A99485

Protanopia#9A9584

Deuteranopia#9F9A85

Tritanopia#B09090

Tints & shades

Color harmonies

Open in scheme generator →

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Monochromatic

Palettes with this color

Mushroom Taupe Sand Palette≈Coffee Mushroom Latte Palette≈

Colors that go with Earl Grey

Earl Grey sits in the orange family. Pair it with teal, cool blues or cream and sand for a soft, earthy scheme, or lean into its harmonies below for a ready-made scheme.

Blank Stare#859AA9 Harbour Mist#85A9A6 Galactic Gossamer#8588A9 Rosy Brown#A98588 Coconut Agony#ECEAE9 Dead Pixel#3A3836

Closest named, CSS & systems

Colour nameEarl Grey#A6978AΔE 2.6 CSS nameDarkgray#A9A9A9ΔE 11.6 Web-safe#999999#999999ΔE 10.3

Pantone & RAL matches are coming soon — those libraries aren't openly licensed for redistribution.

Earl Grey — meaning & where to use it

Earl Grey is a bright orange — it reads as warm, friendly and inviting. It's a natural fit for lifestyle, wellness and playful consumer brands, and cheerful call-to-action buttons. To keep it balanced, pair it with teal, cool blues or cream and sand for a soft, earthy scheme.

Share image

Download image

Earl Grey color card — #A99485, 169, 148, 133

1200×1500 — sized for Pinterest, Instagram & social sharing. Free to download and use.

This exact shade isn't a named or standard-set colour, so it isn't indexed — but every tool above works.