Giraffe Complementary Color Scheme

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

#FEFE33

#FFFF88

#3A2EFE

#0203E2

#9999FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Giraffe	`#FEFE33`	254, 254, 51	60°, 99%, 60%	0, 0, 80, 0
Cinque Foil	`#FFFF88`	255, 255, 136	60°, 100%, 77%	0, 0, 47, 0
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Pure Blue	`#0203E2`	2, 3, 226	240°, 98%, 45%	99, 99, 0, 11
Cobalite	`#9999FF`	153, 153, 255	240°, 100%, 80%	40, 40, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFF88 on #0203E2	9.42:1	AAA
Aa #FEFE33 on #0203E2	9.20:1	AAA
Aa #FFFF88 on #3A2EFE	6.63:1	AA
Aa #FEFE33 on #3A2EFE	6.48:1	AA
Aa #0203E2 on #9999FF	3.95:1	AA large
Aa #3A2EFE on #9999FF	2.78:1	—

CSS variables

:root {
  --color-1: #fefe33; /* Giraffe */
  --color-2: #ffff88; /* Cinque Foil */
  --color-3: #3a2efe; /* System Shock Blue */
  --color-4: #0203e2; /* Pure Blue */
  --color-5: #9999ff; /* Cobalite */
}

Other schemes from Giraffe

More Medium Yellow complementary palettes

Questions

What colors go with Giraffe?

In a complementary scheme: Cinque Foil (#FFFF88), System Shock Blue (#3A2EFE), Pure Blue (#0203E2), Cobalite (#9999FF).

What is the hex code of Giraffe?

#FEFE33.