Lemon Zest Complementary Color Scheme

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

#F9D857

#FCEEAE

#5577EE

#0339F8

#B1D1FC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Lemon Zest	`#F9D857`	249, 216, 87	48°, 93%, 66%	0, 13, 65, 2
Custard Puff	`#FCEEAE`	252, 238, 174	49°, 93%, 84%	0, 6, 31, 1
Blue Öyster Cult	`#5577EE`	85, 119, 238	227°, 82%, 63%	64, 50, 0, 7
Vibrant Blue	`#0339F8`	3, 57, 248	227°, 98%, 49%	99, 77, 0, 3
Ice Cold Stare	`#B1D1FC`	177, 209, 252	214°, 93%, 84%	30, 17, 0, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FCEEAE on #0339F8	6.11:1	AA
Aa #F9D857 on #0339F8	5.09:1	AA
Aa #0339F8 on #B1D1FC	4.55:1	AA
Aa #FCEEAE on #5577EE	3.42:1	AA large
Aa #F9D857 on #5577EE	2.85:1	—
Aa #5577EE on #B1D1FC	2.55:1	—

CSS variables

:root {
  --color-1: #f9d857; /* Lemon Zest */
  --color-2: #fceeae; /* Custard Puff */
  --color-3: #5577ee; /* Blue Öyster Cult */
  --color-4: #0339f8; /* Vibrant Blue */
  --color-5: #b1d1fc; /* Ice Cold Stare */
}

Other schemes from Lemon Zest

More Light Yellow complementary palettes

Questions

What colors go with Lemon Zest?

In a complementary scheme: Custard Puff (#FCEEAE), Blue Öyster Cult (#5577EE), Vibrant Blue (#0339F8), Ice Cold Stare (#B1D1FC).

What is the hex code of Lemon Zest?

#F9D857.