Straw Gold Complementary Color Scheme

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

#FCF679

#FFFCD3

#7777FF

#3A2EFE

#DEDEFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Straw Gold	`#FCF679`	252, 246, 121	57°, 96%, 73%	0, 2, 52, 1
Creamed Butter	`#FFFCD3`	255, 252, 211	56°, 100%, 91%	0, 1, 17, 0
Stargate Shimmer	`#7777FF`	119, 119, 255	240°, 100%, 73%	53, 53, 0, 0
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Contrail	`#DEDEFF`	222, 222, 255	240°, 100%, 94%	13, 13, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFCD3 on #3A2EFE	6.70:1	AA
Aa #FCF679 on #3A2EFE	6.20:1	AA
Aa #3A2EFE on #DEDEFF	5.33:1	AA
Aa #FFFCD3 on #7777FF	3.43:1	AA large
Aa #FCF679 on #7777FF	3.17:1	AA large
Aa #7777FF on #DEDEFF	2.73:1	—

CSS variables

:root {
  --color-1: #fcf679; /* Straw Gold */
  --color-2: #fffcd3; /* Creamed Butter */
  --color-3: #7777ff; /* Stargate Shimmer */
  --color-4: #3a2efe; /* System Shock Blue */
  --color-5: #dedeff; /* Contrail */
}

Other schemes from Straw Gold

More Light Yellow complementary palettes

Questions

What colors go with Straw Gold?

In a complementary scheme: Creamed Butter (#FFFCD3), Stargate Shimmer (#7777FF), System Shock Blue (#3A2EFE), Contrail (#DEDEFF).

What is the hex code of Straw Gold?

#FCF679.