Giraffe Tetradic Color Scheme

Five colors arranged by the tetradic rule around Giraffe (#FEFE33), each snapped to its nearest named color.

#FEFE33

#36FF9A

#3A2EFE

#FF3399

#FFFF99

Color names and codes

Name	HEX	RGB	HSL	CMYK
Giraffe	`#FEFE33`	254, 254, 51	60°, 99%, 60%	0, 0, 80, 0
Eva Green	`#36FF9A`	54, 255, 154	150°, 100%, 61%	79, 0, 40, 0
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Wild Strawberry	`#FF3399`	255, 51, 153	330°, 100%, 60%	0, 80, 40, 0
Sunburst Yellow	`#FFFF99`	255, 255, 153	60°, 100%, 80%	0, 0, 40, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #3A2EFE on #FFFF99	6.67:1	AA
Aa #FEFE33 on #3A2EFE	6.48:1	AA
Aa #36FF9A on #3A2EFE	5.31:1	AA
Aa #FF3399 on #FFFF99	3.24:1	AA large
Aa #FEFE33 on #FF3399	3.14:1	AA large
Aa #36FF9A on #FF3399	2.57:1	—

CSS variables

:root {
  --color-1: #fefe33; /* Giraffe */
  --color-2: #36ff9a; /* Eva Green */
  --color-3: #3a2efe; /* System Shock Blue */
  --color-4: #ff3399; /* Wild Strawberry */
  --color-5: #ffff99; /* Sunburst Yellow */
}

Other schemes from Giraffe

More Medium Yellow tetradic palettes

Questions

What colors go with Giraffe?

In a tetradic scheme: Eva Green (#36FF9A), System Shock Blue (#3A2EFE), Wild Strawberry (#FF3399), Sunburst Yellow (#FFFF99).

What is the hex code of Giraffe?

#FEFE33.