Grape Riot Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Grape Riot (#9B4682), each snapped to its nearest named color.
#9B4682
#5E9D47
#439E8D
#692B57
#80BF69
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Grape Riot | #9B4682 | 155, 70, 130 | 318°, 38%, 44% | 0, 55, 16, 39 | |
| Calm Balm | #5E9D47 | 94, 157, 71 | 104°, 38%, 45% | 40, 0, 55, 38 | |
| Dioptase Green | #439E8D | 67, 158, 141 | 169°, 40%, 44% | 58, 0, 11, 38 | |
| Velvet Mauve | #692B57 | 105, 43, 87 | 317°, 42%, 29% | 0, 59, 17, 59 | |
| Hillside Grove | #80BF69 | 128, 191, 105 | 104°, 40%, 58% | 33, 0, 45, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #692B57 on #80BF69 | 4.59:1 | AA |
| Aa #439E8D on #692B57 | 3.13:1 | AA large |
| Aa #5E9D47 on #692B57 | 3.07:1 | AA large |
| Aa #9B4682 on #80BF69 | 2.67:1 | — |
| Aa #9B4682 on #439E8D | 1.81:1 | — |
| Aa #9B4682 on #5E9D47 | 1.78:1 | — |
CSS variables
:root {
--color-1: #9b4682; /* Grape Riot */
--color-2: #5e9d47; /* Calm Balm */
--color-3: #439e8d; /* Dioptase Green */
--color-4: #692b57; /* Velvet Mauve */
--color-5: #80bf69; /* Hillside Grove */
}Other schemes from Grape Riot
- Grape Riot Complementary Color Scheme#9B4682#C677A8#4A9D5B#33673F#86C994
- Grape Riot Analogous Color Scheme#514B98#884898#9B4682#9C4856#9D5F46
- Grape Riot Triadic Color Scheme#9B4682#889944#448899#CA83A7#54682B
- Grape Riot Tetradic Color Scheme#9B4682#9B8A44#4A9D5B#445599#CA83A7
- Grape Riot Monochromatic Color Scheme#391531#692B57#9B4682#B576A7#D8A1C4
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 Grape Riot?
In a split-complementary scheme: Calm Balm (#5E9D47), Dioptase Green (#439E8D), Velvet Mauve (#692B57), Hillside Grove (#80BF69).
What is the hex code of Grape Riot?
#9B4682.