Goldfinch Complementary Color Scheme

Five colors arranged by the complementary rule around Goldfinch (#F8E462), each snapped to its nearest named color.

#F8E462

#FCF2B9

#6A79F7

#152EFF

#C1C6FC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Goldfinch	`#F8E462`	248, 228, 98	52°, 91%, 68%	0, 8, 60, 3
Dandelion Wine	`#FCF2B9`	252, 242, 185	51°, 92%, 86%	0, 4, 27, 1
Byzantine Night Blue	`#6A79F7`	106, 121, 247	234°, 90%, 69%	57, 51, 0, 3
Vivid Blue	`#152EFF`	21, 46, 255	234°, 100%, 54%	92, 82, 0, 0
Light Periwinkle	`#C1C6FC`	193, 198, 252	235°, 91%, 87%	23, 21, 0, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FCF2B9 on #152EFF	6.47:1	AA
Aa #F8E462 on #152EFF	5.67:1	AA
Aa #152EFF on #C1C6FC	4.45:1	AA large
Aa #FCF2B9 on #6A79F7	3.26:1	AA large
Aa #F8E462 on #6A79F7	2.86:1	—
Aa #6A79F7 on #C1C6FC	2.24:1	—

CSS variables

:root {
  --color-1: #f8e462; /* Goldfinch */
  --color-2: #fcf2b9; /* Dandelion Wine */
  --color-3: #6a79f7; /* Byzantine Night Blue */
  --color-4: #152eff; /* Vivid Blue */
  --color-5: #c1c6fc; /* Light Periwinkle */
}

Other schemes from Goldfinch

More Light Yellow complementary palettes

Questions

What colors go with Goldfinch?

In a complementary scheme: Dandelion Wine (#FCF2B9), Byzantine Night Blue (#6A79F7), Vivid Blue (#152EFF), Light Periwinkle (#C1C6FC).

What is the hex code of Goldfinch?

#F8E462.