Blue Tetradic Color Scheme

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

#0000FF

#FF0080

#FFFF00

#04F489

#6666FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
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
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 Genie	`#6666FF`	102, 102, 255	240°, 100%, 70%	60, 60, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0000FF on #FFFF00	8.00:1	AAA
Aa #0000FF on #04F489	5.85:1	AA
Aa #FFFF00 on #6666FF	3.98:1	AA large
Aa #FF0080 on #FFFF00	3.51:1	AA large
Aa #04F489 on #6666FF	2.91:1	—
Aa #FF0080 on #04F489	2.57:1	—

CSS variables

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

Other schemes from Blue

More Medium Blue tetradic palettes

Questions

What colors go with Blue?

In a tetradic scheme: Neon Rose (#FF0080), Yellow (#FFFF00), Turquoise Green (#04F489), Blue Genie (#6666FF).

What is the hex code of Blue?

#0000FF.