Hibiscus Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hibiscus (#B6316C), each snapped to its nearest named color.
#B6316C
#34B334
#33ABB2
#792445
#54C571
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hibiscus | #B6316C | 182, 49, 108 | 333°, 58%, 45% | 0, 73, 41, 29 | |
| Try Your Luck | #34B334 | 52, 179, 52 | 120°, 55%, 45% | 71, 0, 71, 30 | |
| Tempo | #33ABB2 | 51, 171, 178 | 183°, 55%, 45% | 71, 4, 0, 30 | |
| Ember Red | #792445 | 121, 36, 69 | 337°, 54%, 31% | 0, 70, 43, 53 | |
| Zombie Green | #54C571 | 84, 197, 113 | 135°, 49%, 55% | 57, 0, 43, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #792445 on #54C571 | 4.46:1 | AA large |
| Aa #34B334 on #792445 | 3.55:1 | AA large |
| Aa #33ABB2 on #792445 | 3.54:1 | AA large |
| Aa #B6316C on #54C571 | 2.63:1 | — |
| Aa #B6316C on #34B334 | 2.10:1 | — |
| Aa #B6316C on #33ABB2 | 2.09:1 | — |
CSS variables
:root {
--color-1: #b6316c; /* Hibiscus */
--color-2: #34b334; /* Try Your Luck */
--color-3: #33abb2; /* Tempo */
--color-4: #792445; /* Ember Red */
--color-5: #54c571; /* Zombie Green */
}Other schemes from Hibiscus
- Hibiscus Complementary Color Scheme#B6316C#DD669D#37B575#2E7B52#7AD7AD
- Hibiscus Analogous Color Scheme#7733AA#BB33AA#B6316C#B63731#B57B2E
- Hibiscus Triadic Color Scheme#B6316C#66B032#326AB1#D979A2#507D2A
- Hibiscus Tetradic Color Scheme#B6316C#AFBB33#37B575#2F36BA#D979A2
- Hibiscus Monochromatic Color Scheme#3C1421#792445#B6316C#D65E93#E899BE
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Hibiscus?
In a split-complementary scheme: Try Your Luck (#34B334), Tempo (#33ABB2), Ember Red (#792445), Zombie Green (#54C571).
What is the hex code of Hibiscus?
#B6316C.