Hay Day Complementary Color Scheme

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

#DACD81

#F0E8C6

#8596D2

#4455CC

#D2D8F4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hay Day	`#DACD81`	218, 205, 129	51°, 55%, 68%	0, 6, 41, 15
Ethereal Green	`#F0E8C6`	240, 232, 198	49°, 58%, 86%	0, 3, 17, 6
Mystic Iris	`#8596D2`	133, 150, 210	227°, 46%, 67%	37, 29, 0, 18
Gorgonzola Blue	`#4455CC`	68, 85, 204	233°, 57%, 53%	67, 58, 0, 20
Flax Bloom	`#D2D8F4`	210, 216, 244	229°, 61%, 89%	14, 11, 0, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F0E8C6 on #4455CC	4.99:1	AA
Aa #4455CC on #D2D8F4	4.35:1	AA large
Aa #DACD81 on #4455CC	3.81:1	AA large
Aa #F0E8C6 on #8596D2	2.34:1	—
Aa #8596D2 on #4455CC	2.13:1	—
Aa #8596D2 on #D2D8F4	2.04:1	—

CSS variables

:root {
  --color-1: #dacd81; /* Hay Day */
  --color-2: #f0e8c6; /* Ethereal Green */
  --color-3: #8596d2; /* Mystic Iris */
  --color-4: #4455cc; /* Gorgonzola Blue */
  --color-5: #d2d8f4; /* Flax Bloom */
}

Other schemes from Hay Day

More Light Yellow complementary palettes

Questions

What colors go with Hay Day?

In a complementary scheme: Ethereal Green (#F0E8C6), Mystic Iris (#8596D2), Gorgonzola Blue (#4455CC), Flax Bloom (#D2D8F4).

What is the hex code of Hay Day?

#DACD81.