Canary Monochromatic Color Scheme

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

#CCCC00

#FFFF14

#FDFF63

#FFFFB2

#FFFFE5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Golden Foil	`#CCCC00`	204, 204, 0	60°, 100%, 40%	0, 0, 100, 20
Yellow Submarine	`#FFFF14`	255, 255, 20	60°, 100%, 54%	0, 0, 92, 0
Canary	`#FDFF63`	253, 255, 99	61°, 100%, 69%	1, 0, 61, 0
VIC 20 Creme	`#FFFFB2`	255, 255, 178	60°, 100%, 85%	0, 0, 30, 0
La Luna	`#FFFFE5`	255, 255, 229	60°, 100%, 95%	0, 0, 10, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CCCC00 on #FFFFE5	1.70:1	—
Aa #CCCC00 on #FFFFB2	1.66:1	—
Aa #CCCC00 on #FDFF63	1.61:1	—
Aa #CCCC00 on #FFFF14	1.60:1	—
Aa #FFFF14 on #FFFFE5	1.06:1	—
Aa #FDFF63 on #FFFFE5	1.05:1	—

CSS variables

:root {
  --color-1: #cccc00; /* Golden Foil */
  --color-2: #ffff14; /* Yellow Submarine */
  --color-3: #fdff63; /* Canary */
  --color-4: #ffffb2; /* VIC 20 Creme */
  --color-5: #ffffe5; /* La Luna */
}

Other schemes from Canary

More Light Yellow monochromatic palettes

Questions

What colors go with Canary?

In a monochromatic scheme: Golden Foil (#CCCC00), Yellow Submarine (#FFFF14), VIC 20 Creme (#FFFFB2), La Luna (#FFFFE5).

What is the hex code of Canary?

#FDFF63.