Laser Lemon Complementary Color Scheme

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

#FFFF66

#FFFFC2

#6666FF

#1C1CF0

#CCCCFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Laser Lemon	`#FFFF66`	255, 255, 102	60°, 100%, 70%	0, 0, 60, 0
Cream	`#FFFFC2`	255, 255, 194	60°, 100%, 88%	0, 0, 24, 0
Blue Genie	`#6666FF`	102, 102, 255	240°, 100%, 70%	60, 60, 0, 0
Bluebonnet	`#1C1CF0`	28, 28, 240	240°, 88%, 53%	88, 88, 0, 6
Lavender Blue	`#CCCCFF`	204, 204, 255	240°, 100%, 90%	20, 20, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFFFC2 on #1C1CF0	8.22:1	AAA
Aa #FFFF66 on #1C1CF0	7.98:1	AAA
Aa #1C1CF0 on #CCCCFF	5.52:1	AA
Aa #FFFFC2 on #6666FF	4.14:1	AA large
Aa #FFFF66 on #6666FF	4.02:1	AA large
Aa #6666FF on #CCCCFF	2.78:1	—

CSS variables

:root {
  --color-1: #ffff66; /* Laser Lemon */
  --color-2: #ffffc2; /* Cream */
  --color-3: #6666ff; /* Blue Genie */
  --color-4: #1c1cf0; /* Bluebonnet */
  --color-5: #ccccff; /* Lavender Blue */
}

Other schemes from Laser Lemon

More Light Yellow complementary palettes

Questions

What colors go with Laser Lemon?

In a complementary scheme: Cream (#FFFFC2), Blue Genie (#6666FF), Bluebonnet (#1C1CF0), Lavender Blue (#CCCCFF).

What is the hex code of Laser Lemon?

#FFFF66.