Herbal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Herbal (#29AB87), each snapped to its nearest named color.
#29AB87
#B53389
#A64826
#1C6A53
#C94CBE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Herbal | #29AB87 | 41, 171, 135 | 163°, 61%, 42% | 76, 0, 21, 33 | |
| Fandango | #B53389 | 181, 51, 137 | 320°, 56%, 45% | 0, 72, 24, 29 | |
| Potter’s Clay | #A64826 | 166, 72, 38 | 16°, 63%, 40% | 0, 57, 77, 35 | |
| Clover Brook | #1C6A53 | 28, 106, 83 | 162°, 58%, 26% | 74, 0, 22, 58 | |
| Zǐ Sè Purple | #C94CBE | 201, 76, 190 | 305°, 54%, 54% | 0, 62, 5, 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #29AB87 on #1C6A53 | 2.25:1 | — |
| Aa #29AB87 on #A64826 | 2.03:1 | — |
| Aa #29AB87 on #B53389 | 1.91:1 | — |
| Aa #1C6A53 on #C94CBE | 1.63:1 | — |
| Aa #A64826 on #C94CBE | 1.47:1 | — |
| Aa #B53389 on #C94CBE | 1.38:1 | — |
CSS variables
:root {
--color-1: #29ab87; /* Herbal */
--color-2: #b53389; /* Fandango */
--color-3: #a64826; /* Potter’s Clay */
--color-4: #1c6a53; /* Clover Brook */
--color-5: #c94cbe; /* Zǐ Sè Purple */
}Other schemes from Herbal
- Herbal Complementary Color Scheme#29AB87#5FD1BA#A92B4F#6B1B2A#DC6080
- Herbal Analogous Color Scheme#44AA33#2AAA45#29AB87#338DAE#214DAA
- Herbal Triadic Color Scheme#29AB87#8833AA#AC8A2A#68DFBB#540D6E
- Herbal Tetradic Color Scheme#29AB87#4E32B2#A92B4F#8EAD2C#68DFBB
- Herbal Monochromatic Color Scheme#0B3021#1C6A53#29AB87#58CEB2#87E0CF
More Medium Green split-complementary palettes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Herbal?
In a split-complementary scheme: Fandango (#B53389), Potter’s Clay (#A64826), Clover Brook (#1C6A53), Zǐ Sè Purple (#C94CBE).
What is the hex code of Herbal?
#29AB87.