Earl Grey Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Earl Grey (#A6978A), each snapped to its nearest named color.

#544A42

#817162

#A6978A

#C8BFB5

#E8E4E0

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Brown Fox	`#544A42`	84, 74, 66	27°, 12%, 29%	0, 12, 21, 67	41.7% 0.019 61
Elephant	`#817162`	129, 113, 98	29°, 14%, 45%	0, 12, 24, 49	55.9% 0.030 65
Earl Grey	`#A6978A`	166, 151, 138	28°, 14%, 60%	0, 9, 17, 35	68.6% 0.026 63
Twilight Beige	`#C8BFB5`	200, 191, 181	32°, 15%, 75%	0, 4, 9, 22	80.9% 0.017 70
Fading Fog	`#E8E4E0`	232, 228, 224	30°, 15%, 89%	0, 2, 3, 9	92.1% 0.007 68

Which pairs work for text

Text on background	Contrast	WCAG
Aa #544A42 on #E8E4E0	6.82:1	AA
Aa #544A42 on #C8BFB5	4.75:1	AA
Aa #817162 on #E8E4E0	3.71:1	AA large
Aa #544A42 on #A6978A	3.05:1	AA large
Aa #817162 on #C8BFB5	2.59:1	—
Aa #A6978A on #E8E4E0	2.24:1	—

CSS variables

:root {
  --color-1: #544a42; /* Brown Fox */
  --color-2: #817162; /* Elephant */
  --color-3: #a6978a; /* Earl Grey */
  --color-4: #c8bfb5; /* Twilight Beige */
  --color-5: #e8e4e0; /* Fading Fog */
}

Other schemes from Earl Grey

More medium orange monochromatic color schemes

Questions

What colors go with Earl Grey?

In a monochromatic scheme: Brown Fox (#544A42), Elephant (#817162), Twilight Beige (#C8BFB5), Fading Fog (#E8E4E0).

What is the hex code of Earl Grey?

#A6978A.