Lush Complementary Color Scheme

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

#C5BDA0

#E8E5D8

#9EA5C3

#6B7BA7

#DEE2EC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Lush	`#C5BDA0`	197, 189, 160	47°, 24%, 70%	0, 4, 19, 23
Brilliant Yellow	`#E8E5D8`	232, 229, 216	49°, 26%, 88%	0, 1, 7, 9
Wild Phlox	`#9EA5C3`	158, 165, 195	229°, 24%, 69%	19, 15, 0, 24
Night Thistle	`#6B7BA7`	107, 123, 167	224°, 25%, 54%	36, 26, 0, 35
Violet Extract	`#DEE2EC`	222, 226, 236	223°, 27%, 90%	6, 4, 0, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E8E5D8 on #6B7BA7	3.32:1	AA large
Aa #6B7BA7 on #DEE2EC	3.23:1	AA large
Aa #C5BDA0 on #6B7BA7	2.22:1	—
Aa #E8E5D8 on #9EA5C3	1.93:1	—
Aa #9EA5C3 on #DEE2EC	1.88:1	—
Aa #9EA5C3 on #6B7BA7	1.72:1	—

CSS variables

:root {
  --color-1: #c5bda0; /* Lush */
  --color-2: #e8e5d8; /* Brilliant Yellow */
  --color-3: #9ea5c3; /* Wild Phlox */
  --color-4: #6b7ba7; /* Night Thistle */
  --color-5: #dee2ec; /* Violet Extract */
}

Other schemes from Lush

More Light Yellow complementary palettes

Questions

What colors go with Lush?

In a complementary scheme: Brilliant Yellow (#E8E5D8), Wild Phlox (#9EA5C3), Night Thistle (#6B7BA7), Violet Extract (#DEE2EC).

What is the hex code of Lush?

#C5BDA0.