Witch Hazel Complementary Color Scheme

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

#FBF073

#FFFACD

#7777FF

#3A2EFE

#CFDAFB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Witch Hazel	`#FBF073`	251, 240, 115	55°, 94%, 72%	0, 4, 54, 2
Lemon Chiffon	`#FFFACD`	255, 250, 205	54°, 100%, 90%	0, 2, 20, 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
Icy Plains	`#CFDAFB`	207, 218, 251	225°, 85%, 90%	18, 13, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFACD on #3A2EFE	6.60:1	AA
Aa #FBF073 on #3A2EFE	5.93:1	AA
Aa #3A2EFE on #CFDAFB	5.02:1	AA
Aa #FFFACD on #7777FF	3.38:1	AA large
Aa #FBF073 on #7777FF	3.04:1	AA large
Aa #7777FF on #CFDAFB	2.57:1	—

CSS variables

:root {
  --color-1: #fbf073; /* Witch Hazel */
  --color-2: #fffacd; /* Lemon Chiffon */
  --color-3: #7777ff; /* Stargate Shimmer */
  --color-4: #3a2efe; /* System Shock Blue */
  --color-5: #cfdafb; /* Icy Plains */
}

Other schemes from Witch Hazel

More Light Yellow complementary palettes

Questions

What colors go with Witch Hazel?

In a complementary scheme: Lemon Chiffon (#FFFACD), Stargate Shimmer (#7777FF), System Shock Blue (#3A2EFE), Icy Plains (#CFDAFB).

What is the hex code of Witch Hazel?

#FBF073.