Canary Tetradic Color Scheme

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

#FDFF63

#6BFFB3

#6666FF

#FF69AF

#FEFFCA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Canary	`#FDFF63`	253, 255, 99	61°, 100%, 69%	1, 0, 61, 0
Venice Green	`#6BFFB3`	107, 255, 179	149°, 100%, 71%	58, 0, 30, 0
Blue Genie	`#6666FF`	102, 102, 255	240°, 100%, 70%	60, 60, 0, 0
Yíng Guāng Sè Pink	`#FF69AF`	255, 105, 175	332°, 100%, 71%	0, 59, 31, 0
Bright Ecru	`#FEFFCA`	254, 255, 202	61°, 100%, 90%	0, 0, 21, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6666FF on #FEFFCA	4.15:1	AA large
Aa #FDFF63 on #6666FF	4.00:1	AA large
Aa #6BFFB3 on #6666FF	3.38:1	AA large
Aa #FF69AF on #FEFFCA	2.58:1	—
Aa #FDFF63 on #FF69AF	2.49:1	—
Aa #6BFFB3 on #FF69AF	2.10:1	—

CSS variables

:root {
  --color-1: #fdff63; /* Canary */
  --color-2: #6bffb3; /* Venice Green */
  --color-3: #6666ff; /* Blue Genie */
  --color-4: #ff69af; /* Yíng Guāng Sè Pink */
  --color-5: #feffca; /* Bright Ecru */
}

Other schemes from Canary

More Light Yellow tetradic palettes

Questions

What colors go with Canary?

In a tetradic scheme: Venice Green (#6BFFB3), Blue Genie (#6666FF), Yíng Guāng Sè Pink (#FF69AF), Bright Ecru (#FEFFCA).

What is the hex code of Canary?

#FDFF63.