Kale Complementary Color Scheme

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

#648251

#96B47E

#705284

#423450

#A385B3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Kale	`#648251`	100, 130, 81	97°, 23%, 41%	23, 0, 38, 49
Watercolour Green	`#96B47E`	150, 180, 126	93°, 26%, 60%	17, 0, 30, 29
Gutsy Grape	`#705284`	112, 82, 132	276°, 23%, 42%	15, 38, 0, 48
Devil’s Plum	`#423450`	66, 52, 80	270°, 21%, 26%	18, 35, 0, 69
Daylight Lilac	`#A385B3`	163, 133, 179	279°, 23%, 61%	9, 26, 0, 30

Which pairs work for text

Text on background	Contrast	WCAG
Aa #96B47E on #423450	4.96:1	AA
Aa #423450 on #A385B3	3.57:1	AA large
Aa #96B47E on #705284	2.83:1	—
Aa #648251 on #423450	2.64:1	—
Aa #705284 on #A385B3	2.03:1	—
Aa #648251 on #96B47E	1.88:1	—

CSS variables

:root {
  --color-1: #648251; /* Kale */
  --color-2: #96b47e; /* Watercolour Green */
  --color-3: #705284; /* Gutsy Grape */
  --color-4: #423450; /* Devil’s Plum */
  --color-5: #a385b3; /* Daylight Lilac */
}

Other schemes from Kale

More Medium Green complementary palettes

Questions

What colors go with Kale?

In a complementary scheme: Watercolour Green (#96B47E), Gutsy Grape (#705284), Devil’s Plum (#423450), Daylight Lilac (#A385B3).

What is the hex code of Kale?

#648251.