Prunella Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Prunella (#864788), each snapped to its nearest named color.
#864788
#63884A
#478865
#522F57
#87B369
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Prunella | #864788 | 134, 71, 136 | 298°, 31%, 41% | 1, 48, 0, 47 | |
| Homegrown | #63884A | 99, 136, 74 | 96°, 30%, 41% | 27, 0, 46, 47 | |
| Mallard Green | #478865 | 71, 136, 101 | 148°, 31%, 41% | 48, 0, 26, 47 | |
| Grape Royale | #522F57 | 82, 47, 87 | 293°, 30%, 26% | 6, 46, 0, 66 | |
| Nasturtium Leaf | #87B369 | 135, 179, 105 | 96°, 33%, 56% | 25, 0, 41, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #522F57 on #87B369 | 4.56:1 | AA |
| Aa #63884A on #522F57 | 2.71:1 | — |
| Aa #864788 on #87B369 | 2.65:1 | — |
| Aa #478865 on #522F57 | 2.62:1 | — |
| Aa #478865 on #87B369 | 1.74:1 | — |
| Aa #864788 on #522F57 | 1.72:1 | — |
CSS variables
:root {
--color-1: #864788; /* Prunella */
--color-2: #63884a; /* Homegrown */
--color-3: #478865; /* Mallard Green */
--color-4: #522f57; /* Grape Royale */
--color-5: #87b369; /* Nasturtium Leaf */
}Other schemes from Prunella
- Prunella Complementary Color Scheme#864788#AF73B0#4E8747#2B5D34#7CB77B
- Prunella Analogous Color Scheme#494D8B#664488#864788#884967#88464A
- Prunella Triadic Color Scheme#864788#888844#45868B#BA7AB3#5C512F
- Prunella Tetradic Color Scheme#864788#8A6645#4E8747#446688#BA7AB3
- Prunella Monochromatic Color Scheme#221122#522F57#864788#AC72AF#CC99CC
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 Prunella?
In a split-complementary scheme: Homegrown (#63884A), Mallard Green (#478865), Grape Royale (#522F57), Nasturtium Leaf (#87B369).
What is the hex code of Prunella?
#864788.