Viola Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Viola (#966EBD), each snapped to its nearest named color.
#482D67
#674196
#966EBD
#BFA3D9
#E7D6ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Indigo | #482D67 | 72, 45, 103 | 268°, 39%, 29% | 30, 56, 0, 60 | |
| Sweet Flag | #674196 | 103, 65, 150 | 267°, 40%, 42% | 31, 57, 0, 41 | |
| Viola | #966EBD | 150, 110, 189 | 270°, 37%, 59% | 21, 42, 0, 26 | |
| Enchanted Lavender | #BFA3D9 | 191, 163, 217 | 271°, 42%, 75% | 12, 25, 0, 15 | |
| First Lilac | #E7D6ED | 231, 214, 237 | 284°, 39%, 88% | 3, 10, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #482D67 on #E7D6ED | 8.25:1 | AAA |
| Aa #674196 on #E7D6ED | 5.50:1 | AA |
| Aa #482D67 on #BFA3D9 | 5.12:1 | AA |
| Aa #674196 on #BFA3D9 | 3.41:1 | AA large |
| Aa #966EBD on #E7D6ED | 2.90:1 | — |
| Aa #482D67 on #966EBD | 2.85:1 | — |
CSS variables
:root {
--color-1: #482d67; /* Violet Indigo */
--color-2: #674196; /* Sweet Flag */
--color-3: #966ebd; /* Viola */
--color-4: #bfa3d9; /* Enchanted Lavender */
--color-5: #e7d6ed; /* First Lilac */
}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 Split-complementary Color Scheme#966EBD#BABD6C#73BE6E#674196#D7D3A6
- Viola Tetradic Color Scheme#966EBD#BF6C6E#8CBF6F#70BBBF#C4B7D8
More Medium Purple monochromatic palettes
- Berry Jam Monochromatic Color Scheme#181B26#473854#655883#887CAB#B4AECC
- Busty Blue Monochromatic Color Scheme#110033#220088#3300CC#5218FA#8866FF
- Cosmic Heart Monochromatic Color Scheme#340059#6611AA#9601F4#AB46EC#CC88FF
- Crown Jewels Monochromatic Color Scheme#4A2D57#704783#946DAD#BB9ECA#DBD1E2
- Dreamscape Purple Monochromatic Color Scheme#331155#652793#9632CE#B56EDC#DDAAEE
- Electric Indigo Monochromatic Color Scheme#220066#5500BB#6600FF#9955FF#CC99FF
- Flirtatious Flamingo Monochromatic Color Scheme#660088#AA00CC#CC22FF#DF73FF#EEBBFF
- Fuchsia Pheromone Monochromatic Color Scheme#431C53#733380#9F4CB7#B48AC2#D6B7E2
- Grapes of Italy Monochromatic Color Scheme#221122#4A2D57#714A8B#926EAE#BAA2CE
- Hokkaido Lavender Monochromatic Color Scheme#331166#5500AA#7736D9#B36FF6#CCBBEE
- Lavish Spending Monochromatic Color Scheme#3E3267#514B98#8469BC#B19CD9#DBD1E8
- Lilac Spring Monochromatic Color Scheme#2D0F47#5A1991#8822CC#A552E6#CC99EE
Questions
What colors go with Viola?
In a monochromatic scheme: Violet Indigo (#482D67), Sweet Flag (#674196), Enchanted Lavender (#BFA3D9), First Lilac (#E7D6ED).
What is the hex code of Viola?
#966EBD.