Bluetiful Triadic Color Scheme

Five colors arranged by the triadic rule around Bluetiful (#3C69E7), each snapped to its nearest named color.

#3C69E7

#ED3D66

#6FEA3E

#8AADF7

#BB1144

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bluetiful	`#3C69E7`	60, 105, 231	224°, 78%, 57%	74, 55, 0, 9
Eugenia Red	`#ED3D66`	237, 61, 102	346°, 83%, 58%	0, 74, 57, 7
Miyazaki Verdant	`#6FEA3E`	111, 234, 62	103°, 80%, 58%	53, 0, 74, 8
Kitten’s Eye	`#8AADF7`	138, 173, 247	221°, 87%, 75%	44, 30, 0, 3
Rural Red	`#BB1144`	187, 17, 68	342°, 83%, 40%	0, 91, 64, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6FEA3E on #BB1144	4.12:1	AA large
Aa #3C69E7 on #6FEA3E	3.09:1	AA large
Aa #8AADF7 on #BB1144	2.87:1	—
Aa #ED3D66 on #6FEA3E	2.48:1	—
Aa #3C69E7 on #8AADF7	2.15:1	—
Aa #ED3D66 on #8AADF7	1.72:1	—

CSS variables

:root {
  --color-1: #3c69e7; /* Bluetiful */
  --color-2: #ed3d66; /* Eugenia Red */
  --color-3: #6fea3e; /* Miyazaki Verdant */
  --color-4: #8aadf7; /* Kitten’s Eye */
  --color-5: #bb1144; /* Rural Red */
}

Other schemes from Bluetiful

More Medium Blue triadic palettes

Questions

What colors go with Bluetiful?

In a triadic scheme: Eugenia Red (#ED3D66), Miyazaki Verdant (#6FEA3E), Kitten’s Eye (#8AADF7), Rural Red (#BB1144).

What is the hex code of Bluetiful?

#3C69E7.