Woven Complementary Color Scheme

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

#E0D1A0

#F7F3E6

#ACACE6

#7777CC

#E8EFF8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Woven	`#E0D1A0`	224, 209, 160	46°, 51%, 75%	0, 7, 29, 12
Sampaguita Pearl	`#F7F3E6`	247, 243, 230	46°, 52%, 94%	0, 2, 7, 3
Maximum Blue Purple	`#ACACE6`	172, 172, 230	240°, 54%, 79%	25, 25, 0, 10
Kickstart Purple	`#7777CC`	119, 119, 204	240°, 45%, 63%	42, 42, 0, 20
First Snow	`#E8EFF8`	232, 239, 248	214°, 53%, 94%	6, 4, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F7F3E6 on #7777CC	3.57:1	AA large
Aa #7777CC on #E8EFF8	3.42:1	AA large
Aa #E0D1A0 on #7777CC	2.61:1	—
Aa #F7F3E6 on #ACACE6	1.93:1	—
Aa #ACACE6 on #E8EFF8	1.85:1	—
Aa #ACACE6 on #7777CC	1.85:1	—

CSS variables

:root {
  --color-1: #e0d1a0; /* Woven */
  --color-2: #f7f3e6; /* Sampaguita Pearl */
  --color-3: #acace6; /* Maximum Blue Purple */
  --color-4: #7777cc; /* Kickstart Purple */
  --color-5: #e8eff8; /* First Snow */
}

Other schemes from Woven

More Light Yellow complementary palettes

Questions

What colors go with Woven?

In a complementary scheme: Sampaguita Pearl (#F7F3E6), Maximum Blue Purple (#ACACE6), Kickstart Purple (#7777CC), First Snow (#E8EFF8).

What is the hex code of Woven?

#E0D1A0.