Yellow Tetradic Color Scheme

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

#FFFF00

#04F489

#0000FF

#FF0080

#FFFF66

Color names and codes

Name	HEX	RGB	HSL	CMYK
Yellow	`#FFFF00`	255, 255, 0	60°, 100%, 50%	0, 0, 100, 0
Turquoise Green	`#04F489`	4, 244, 137	153°, 97%, 49%	98, 0, 44, 4
Blue	`#0000FF`	0, 0, 255	240°, 100%, 50%	100, 100, 0, 0
Neon Rose	`#FF0080`	255, 0, 128	330°, 100%, 50%	0, 100, 50, 0
Laser Lemon	`#FFFF66`	255, 255, 102	60°, 100%, 70%	0, 0, 60, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0000FF on #FFFF66	8.08:1	AAA
Aa #FFFF00 on #0000FF	8.00:1	AAA
Aa #04F489 on #0000FF	5.85:1	AA
Aa #FF0080 on #FFFF66	3.55:1	AA large
Aa #FFFF00 on #FF0080	3.51:1	AA large
Aa #04F489 on #FF0080	2.57:1	—

CSS variables

:root {
  --color-1: #ffff00; /* Yellow */
  --color-2: #04f489; /* Turquoise Green */
  --color-3: #0000ff; /* Blue */
  --color-4: #ff0080; /* Neon Rose */
  --color-5: #ffff66; /* Laser Lemon */
}

Other schemes from Yellow

More Medium Yellow tetradic palettes

Questions

What colors go with Yellow?

In a tetradic scheme: Turquoise Green (#04F489), Blue (#0000FF), Neon Rose (#FF0080), Laser Lemon (#FFFF66).

What is the hex code of Yellow?

#FFFF00.