Fool’s Gold Complementary Color Scheme

Five colors arranged by the complementary rule around Fool’s Gold (#CAD175), each snapped to its nearest named color.

#CAD175

#E5E9B7

#7777CC

#5533BB

#C4C0E9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fool’s Gold	`#CAD175`	202, 209, 117	65°, 50%, 64%	3, 0, 44, 18
Iced Celery	`#E5E9B7`	229, 233, 183	65°, 53%, 82%	2, 0, 21, 9
Kickstart Purple	`#7777CC`	119, 119, 204	240°, 45%, 63%	42, 42, 0, 20
Illustrious Indigo	`#5533BB`	85, 51, 187	255°, 57%, 47%	55, 73, 0, 27
Violet Gems	`#C4C0E9`	196, 192, 233	246°, 48%, 83%	16, 18, 0, 9

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E5E9B7 on #5533BB	6.47:1	AA
Aa #CAD175 on #5533BB	5.00:1	AA
Aa #5533BB on #C4C0E9	4.68:1	AA
Aa #E5E9B7 on #7777CC	3.15:1	AA large
Aa #CAD175 on #7777CC	2.43:1	—
Aa #7777CC on #C4C0E9	2.28:1	—

CSS variables

:root {
  --color-1: #cad175; /* Fool’s Gold */
  --color-2: #e5e9b7; /* Iced Celery */
  --color-3: #7777cc; /* Kickstart Purple */
  --color-4: #5533bb; /* Illustrious Indigo */
  --color-5: #c4c0e9; /* Violet Gems */
}

Other schemes from Fool’s Gold

More Light Yellow complementary palettes

Questions

What colors go with Fool’s Gold?

In a complementary scheme: Iced Celery (#E5E9B7), Kickstart Purple (#7777CC), Illustrious Indigo (#5533BB), Violet Gems (#C4C0E9).

What is the hex code of Fool’s Gold?

#CAD175.