Viola Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Viola (#966EBD), each snapped to its nearest named color.
#966EBD
#BABD6C
#73BE6E
#674196
#D7D3A6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Viola | #966EBD | 150, 110, 189 | 270°, 37%, 59% | 21, 42, 0, 26 | |
| Kelly’s Flower | #BABD6C | 186, 189, 108 | 62°, 38%, 58% | 2, 0, 43, 26 | |
| Dublin | #73BE6E | 115, 190, 110 | 116°, 38%, 59% | 39, 0, 42, 25 | |
| Sweet Flag | #674196 | 103, 65, 150 | 267°, 40%, 42% | 31, 57, 0, 41 | |
| Cream Cheese Avocado | #D7D3A6 | 215, 211, 166 | 55°, 38%, 75% | 0, 2, 23, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #674196 on #D7D3A6 | 4.96:1 | AA |
| Aa #BABD6C on #674196 | 3.82:1 | AA large |
| Aa #73BE6E on #674196 | 3.36:1 | AA large |
| Aa #966EBD on #D7D3A6 | 2.61:1 | — |
| Aa #966EBD on #BABD6C | 2.01:1 | — |
| Aa #966EBD on #674196 | 1.90:1 | — |
CSS variables
:root {
--color-1: #966ebd; /* Viola */
--color-2: #babd6c; /* Kelly’s Flower */
--color-3: #73be6e; /* Dublin */
--color-4: #674196; /* Sweet Flag */
--color-5: #d7d3a6; /* Cream Cheese Avocado */
}Other schemes from Viola
- Viola Complementary Color Scheme#966EBD#C2A9DB#8CBF6F#6F9843#C5DCB3
- Viola Analogous Color Scheme#6A96BA#7366BD#966EBD#BA7AB3#B56E91
- Viola Triadic Color Scheme#966EBD#BB986F#75B996#C4B7D8#957046
- Viola Tetradic Color Scheme#966EBD#BF6C6E#8CBF6F#70BBBF#C4B7D8
- Viola Monochromatic Color Scheme#482D67#674196#966EBD#BFA3D9#E7D6ED
More Medium Purple split-complementary palettes
- Berry Jam Split-complementary Color Scheme#655883#847E54#598556#473854#B1A57B
- Busty Blue Split-complementary Color Scheme#3300CC#CC9900#33CC00#220088#FEC615
- Cosmic Heart Split-complementary Color Scheme#9601F4#CCEE00#0AFA1E#6611AA#FAFE4B
- Crown Jewels Split-complementary Color Scheme#946DAD#A2AF70#69B076#704783#C5CC9F
- Dreamscape Purple Split-complementary Color Scheme#9632CE#ACCB35#31D652#652793#C7DC68
- Electric Indigo Split-complementary Color Scheme#6600FF#FFE500#1BFC06#5500BB#FBEB50
- Flirtatious Flamingo Split-complementary Color Scheme#CC22FF#C9FF27#2DFE54#AA00CC#D4FB79
- Fuchsia Pheromone Split-complementary Color Scheme#9F4CB7#94B44C#52B963#733380#B8CC82
- Grapes of Italy Split-complementary Color Scheme#714A8B#898C4A#4D8C57#4A2D57#ADB274
- Hokkaido Lavender Split-complementary Color Scheme#7736D9#D9C737#58D332#5500AA#E6DA78
- Lavish Spending Split-complementary Color Scheme#8469BC#BBAB6D#7CBC6C#514B98#D9CA9F
- Lilac Spring Split-complementary Color Scheme#8822CC#BBCC22#31CD31#5A1991#D9E650
Questions
What colors go with Viola?
In a split-complementary scheme: Kelly’s Flower (#BABD6C), Dublin (#73BE6E), Sweet Flag (#674196), Cream Cheese Avocado (#D7D3A6).
What is the hex code of Viola?
#966EBD.