Vitality Complementary Color Scheme

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

#8F9B5B

#B4BE93

#665D9E

#453E6E

#A598C4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vitality	`#8F9B5B`	143, 155, 91	71°, 26%, 48%	8, 0, 41, 39
Gloaming Green	`#B4BE93`	180, 190, 147	74°, 25%, 66%	5, 0, 23, 25
Giant Onion	`#665D9E`	102, 93, 158	248°, 26%, 49%	35, 41, 0, 38
Opera Blue	`#453E6E`	69, 62, 110	249°, 28%, 34%	37, 44, 0, 57
Bloomsberry	`#A598C4`	165, 152, 196	258°, 27%, 68%	16, 22, 0, 23

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B4BE93 on #453E6E	4.95:1	AA
Aa #453E6E on #A598C4	3.64:1	AA large
Aa #8F9B5B on #453E6E	3.23:1	AA large
Aa #B4BE93 on #665D9E	2.96:1	—
Aa #665D9E on #A598C4	2.18:1	—
Aa #8F9B5B on #665D9E	1.93:1	—

CSS variables

:root {
  --color-1: #8f9b5b; /* Vitality */
  --color-2: #b4be93; /* Gloaming Green */
  --color-3: #665d9e; /* Giant Onion */
  --color-4: #453e6e; /* Opera Blue */
  --color-5: #a598c4; /* Bloomsberry */
}

Other schemes from Vitality

More Medium Green complementary palettes

Questions

What colors go with Vitality?

In a complementary scheme: Gloaming Green (#B4BE93), Giant Onion (#665D9E), Opera Blue (#453E6E), Bloomsberry (#A598C4).

What is the hex code of Vitality?

#8F9B5B.