Yellow Press Complementary Color Scheme

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

#E6E382

#F5F3CE

#8F8CE7

#4D52DE

#D9D9F3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Yellow Press	`#E6E382`	230, 227, 130	58°, 67%, 71%	0, 1, 43, 10
Moon Glow	`#F5F3CE`	245, 243, 206	57°, 66%, 88%	0, 1, 16, 4
Perrywinkle	`#8F8CE7`	143, 140, 231	242°, 65%, 73%	38, 39, 0, 9
Dark Soft Violet	`#4D52DE`	77, 82, 222	238°, 69%, 59%	65, 63, 0, 13
Quartz	`#D9D9F3`	217, 217, 243	240°, 52%, 90%	11, 11, 0, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F5F3CE on #4D52DE	5.20:1	AA
Aa #E6E382 on #4D52DE	4.38:1	AA large
Aa #4D52DE on #D9D9F3	4.24:1	AA large
Aa #F5F3CE on #8F8CE7	2.63:1	—
Aa #E6E382 on #8F8CE7	2.22:1	—
Aa #8F8CE7 on #D9D9F3	2.14:1	—

CSS variables

:root {
  --color-1: #e6e382; /* Yellow Press */
  --color-2: #f5f3ce; /* Moon Glow */
  --color-3: #8f8ce7; /* Perrywinkle */
  --color-4: #4d52de; /* Dark Soft Violet */
  --color-5: #d9d9f3; /* Quartz */
}

Other schemes from Yellow Press

More Light Yellow complementary palettes

Questions

What colors go with Yellow Press?

In a complementary scheme: Moon Glow (#F5F3CE), Perrywinkle (#8F8CE7), Dark Soft Violet (#4D52DE), Quartz (#D9D9F3).

What is the hex code of Yellow Press?

#E6E382.