Hibiscus Tetradic Color Scheme

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

#B6316C

#AFBB33

#37B575

#2F36BA

#D979A2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hibiscus	`#B6316C`	182, 49, 108	333°, 58%, 45%	0, 73, 41, 29
Lush Bamboo	`#AFBB33`	175, 187, 51	65°, 57%, 47%	6, 0, 73, 27
Buddha Green	`#37B575`	55, 181, 117	150°, 53%, 46%	70, 0, 35, 29
Blue Cardinal Flower	`#2F36BA`	47, 54, 186	237°, 60%, 46%	75, 71, 0, 27
Wild Orchid	`#D979A2`	217, 121, 162	334°, 56%, 66%	0, 44, 25, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AFBB33 on #2F36BA	4.23:1	AA large
Aa #37B575 on #2F36BA	3.41:1	AA large
Aa #2F36BA on #D979A2	3.06:1	AA large
Aa #B6316C on #AFBB33	2.74:1	—
Aa #B6316C on #37B575	2.20:1	—
Aa #B6316C on #D979A2	1.98:1	—

CSS variables

:root {
  --color-1: #b6316c; /* Hibiscus */
  --color-2: #afbb33; /* Lush Bamboo */
  --color-3: #37b575; /* Buddha Green */
  --color-4: #2f36ba; /* Blue Cardinal Flower */
  --color-5: #d979a2; /* Wild Orchid */
}

Other schemes from Hibiscus

More Medium Pink tetradic palettes

Questions

What colors go with Hibiscus?

In a tetradic scheme: Lush Bamboo (#AFBB33), Buddha Green (#37B575), Blue Cardinal Flower (#2F36BA), Wild Orchid (#D979A2).

What is the hex code of Hibiscus?

#B6316C.