Hibiscus Complementary Color Scheme

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

#B6316C

#DD669D

#37B575

#2E7B52

#7AD7AD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hibiscus	`#B6316C`	182, 49, 108	333°, 58%, 45%	0, 73, 41, 29
Cosmetologist’s Pink	`#DD669D`	221, 102, 157	332°, 64%, 63%	0, 54, 29, 13
Buddha Green	`#37B575`	55, 181, 117	150°, 53%, 46%	70, 0, 35, 29
Canadian Pine	`#2E7B52`	46, 123, 82	148°, 46%, 33%	63, 0, 33, 52
Tadorna Teal	`#7AD7AD`	122, 215, 173	153°, 54%, 66%	43, 0, 20, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B6316C on #7AD7AD	3.33:1	AA large
Aa #2E7B52 on #7AD7AD	2.98:1	—
Aa #B6316C on #37B575	2.20:1	—
Aa #37B575 on #2E7B52	1.97:1	—
Aa #DD669D on #7AD7AD	1.88:1	—
Aa #B6316C on #DD669D	1.77:1	—

CSS variables

:root {
  --color-1: #b6316c; /* Hibiscus */
  --color-2: #dd669d; /* Cosmetologist’s Pink */
  --color-3: #37b575; /* Buddha Green */
  --color-4: #2e7b52; /* Canadian Pine */
  --color-5: #7ad7ad; /* Tadorna Teal */
}

Other schemes from Hibiscus

More Medium Pink complementary palettes

Questions

What colors go with Hibiscus?

In a complementary scheme: Cosmetologist’s Pink (#DD669D), Buddha Green (#37B575), Canadian Pine (#2E7B52), Tadorna Teal (#7AD7AD).

What is the hex code of Hibiscus?

#B6316C.