Estragon Complementary Color Scheme

Five colors arranged by the complementary rule around Estragon (#A5AF76), each snapped to its nearest named color.

#A5AF76

#CCD1B2

#8278AD

#5A4E88

#BAB8D3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Estragon	`#A5AF76`	165, 175, 118	71°, 26%, 57%	6, 0, 33, 31
Meadow Glen	`#CCD1B2`	204, 209, 178	70°, 25%, 76%	2, 0, 15, 18
Purple Rhapsody	`#8278AD`	130, 120, 173	251°, 24%, 57%	25, 31, 0, 32
Bright Eggplant	`#5A4E88`	90, 78, 136	252°, 27%, 42%	34, 43, 0, 47
Purple Heather	`#BAB8D3`	186, 184, 211	244°, 23%, 77%	12, 13, 0, 17

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CCD1B2 on #5A4E88	4.63:1	AA
Aa #5A4E88 on #BAB8D3	3.78:1	AA large
Aa #A5AF76 on #5A4E88	3.12:1	AA large
Aa #CCD1B2 on #8278AD	2.54:1	—
Aa #8278AD on #BAB8D3	2.08:1	—
Aa #8278AD on #5A4E88	1.82:1	—

CSS variables

:root {
  --color-1: #a5af76; /* Estragon */
  --color-2: #ccd1b2; /* Meadow Glen */
  --color-3: #8278ad; /* Purple Rhapsody */
  --color-4: #5a4e88; /* Bright Eggplant */
  --color-5: #bab8d3; /* Purple Heather */
}

Other schemes from Estragon

More Medium Green complementary palettes

Questions

What colors go with Estragon?

In a complementary scheme: Meadow Glen (#CCD1B2), Purple Rhapsody (#8278AD), Bright Eggplant (#5A4E88), Purple Heather (#BAB8D3).

What is the hex code of Estragon?

#A5AF76.