Thistle Complementary Color Scheme

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

#D8BFD8

#F6F1F4

#BFD8BF

#8FBC8F

#EFF5F1

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Thistle	`#D8BFD8`	216, 191, 216	300°, 24%, 80%	0, 12, 0, 15	83.3% 0.044 326
Grim White	`#F6F1F4`	246, 241, 244	324°, 22%, 95%	0, 2, 1, 4	96.3% 0.007 340
Thistleberry Green	`#BFD8BF`	191, 216, 191	120°, 24%, 80%	12, 0, 12, 15	85.7% 0.043 145
Tiki Monster	`#8FBC8F`	143, 188, 143	120°, 25%, 65%	24, 0, 24, 26	75.1% 0.080 145
Heavy Sugar	`#EFF5F1`	239, 245, 241	140°, 23%, 95%	2, 0, 2, 4	96.5% 0.008 157

Which pairs work for text

Text on background	Contrast	WCAG
Aa #8FBC8F on #EFF5F1	1.95:1	—
Aa #F6F1F4 on #8FBC8F	1.93:1	—
Aa #D8BFD8 on #EFF5F1	1.54:1	—
Aa #D8BFD8 on #F6F1F4	1.52:1	—
Aa #BFD8BF on #8FBC8F	1.41:1	—
Aa #BFD8BF on #EFF5F1	1.38:1	—

CSS variables

:root {
  --color-1: #d8bfd8; /* Thistle */
  --color-2: #f6f1f4; /* Grim White */
  --color-3: #bfd8bf; /* Thistleberry Green */
  --color-4: #8fbc8f; /* Tiki Monster */
  --color-5: #eff5f1; /* Heavy Sugar */
}

Other schemes from Thistle

More light pink complementary color schemes

Questions

What colors go with Thistle?

In a complementary scheme: Grim White (#F6F1F4), Thistleberry Green (#BFD8BF), Tiki Monster (#8FBC8F), Heavy Sugar (#EFF5F1).

What is the hex code of Thistle?

#D8BFD8.