Blue Triadic Color Scheme

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

#0000FF

#FF0000

#00FF00

#6666FF

#B30103

Color names and codes

Name	HEX	RGB	HSL	CMYK
Blue	`#0000FF`	0, 0, 255	240°, 100%, 50%	100, 100, 0, 0
Red	`#FF0000`	255, 0, 0	0°, 100%, 50%	0, 100, 100, 0
Green	`#00FF00`	0, 255, 0	120°, 100%, 50%	100, 0, 100, 0
Blue Genie	`#6666FF`	102, 102, 255	240°, 100%, 70%	60, 60, 0, 0
All Systems Red	`#B30103`	179, 1, 3	359°, 99%, 35%	0, 99, 98, 30

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0000FF on #00FF00	6.26:1	AA
Aa #00FF00 on #B30103	5.24:1	AA
Aa #00FF00 on #6666FF	3.12:1	AA large
Aa #FF0000 on #00FF00	2.91:1	—
Aa #0000FF on #FF0000	2.15:1	—
Aa #0000FF on #6666FF	2.01:1	—

CSS variables

:root {
  --color-1: #0000ff; /* Blue */
  --color-2: #ff0000; /* Red */
  --color-3: #00ff00; /* Green */
  --color-4: #6666ff; /* Blue Genie */
  --color-5: #b30103; /* All Systems Red */
}

Other schemes from Blue

More Medium Blue triadic palettes

Questions

What colors go with Blue?

In a triadic scheme: Red (#FF0000), Green (#00FF00), Blue Genie (#6666FF), All Systems Red (#B30103).

What is the hex code of Blue?

#0000FF.