Violet Voltage Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violet Voltage (#A669DB), each snapped to its nearest named color.
#A669DB
#DCD867
#77DD77
#8822CC
#E4E8A7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet Voltage | #A669DB | 166, 105, 219 | 272°, 61%, 64% | 24, 52, 0, 14 | |
| Species | #DCD867 | 220, 216, 103 | 58°, 63%, 63% | 0, 2, 53, 14 | |
| Pastel Green | #77DD77 | 119, 221, 119 | 120°, 60%, 67% | 46, 0, 46, 13 | |
| Lilac Spring | #8822CC | 136, 34, 204 | 276°, 71%, 47% | 33, 83, 0, 20 | |
| Hip Hop | #E4E8A7 | 228, 232, 167 | 64°, 59%, 78% | 2, 0, 28, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8822CC on #E4E8A7 | 5.21:1 | AA |
| Aa #DCD867 on #8822CC | 4.47:1 | AA large |
| Aa #77DD77 on #8822CC | 3.94:1 | AA large |
| Aa #A669DB on #E4E8A7 | 2.89:1 | — |
| Aa #A669DB on #DCD867 | 2.48:1 | — |
| Aa #A669DB on #77DD77 | 2.19:1 | — |
CSS variables
:root {
--color-1: #a669db; /* Violet Voltage */
--color-2: #dcd867; /* Species */
--color-3: #77dd77; /* Pastel Green */
--color-4: #8822cc; /* Lilac Spring */
--color-5: #e4e8a7; /* Hip Hop */
}Other schemes from Violet Voltage
- Violet Voltage Complementary Color Scheme#A669DB#CCBBEE#9CD572#7DC734#CCEEBB
- Violet Voltage Analogous Color Scheme#619AD6#6264DC#A669DB#DA70D6#DD669D
- Violet Voltage Triadic Color Scheme#A669DB#D6A766#66DDAA#DEBEEF#C98431
- Violet Voltage Tetradic Color Scheme#A669DB#DC6B67#9CD572#66DDDD#DEBEEF
- Violet Voltage Monochromatic Color Scheme#552288#8822CC#A669DB#DDAAEE#F0E5F5
More Light Purple split-complementary palettes
- Amethyst Split-complementary Color Scheme#9966CC#D5CE69#62C46C#7737AA#DCDF9D
- Bubblegum Baby Girl Split-complementary Color Scheme#CC55EE#D1F358#4CFF7B#B80CE3#D8F19C
- Dream Vapour Split-complementary Color Scheme#CC99EE#E5E999#99EEAA#A552E6#F8F6DA
- Dreamy Candy Forest Split-complementary Color Scheme#B195E4#E1D792#A3E493#8659C2#F4F0D2
- Enchanted Lavender Split-complementary Color Scheme#BFA3D9#D9D7A1#A0D9A3#9470C4#F0F0D9
- Enchanted Lilac Split-complementary Color Scheme#A893C1#C2BC90#96C193#9264A2#DEDBC4
- Fake Love Split-complementary Color Scheme#CC77EE#DAEA6F#7BE892#BF36E0#F0F5BB
- Flaming Flamingo Split-complementary Color Scheme#DD55FF#CDFA56#58F898#CD00FE#EEFFA9
- Flamingo Queen Split-complementary Color Scheme#CC33FF#C8FD3D#33EE66#B80CE3#C4FE82
- Fleur-De-Lis Split-complementary Color Scheme#B090C7#C8C48F#86C994#8D5EB7#DBE0C4
- Fog Syringa Split-complementary Color Scheme#C4BAD2#D3D1B9#BAD2B8#9F86B7#F2F0E8
- Illicit Purple Split-complementary Color Scheme#BF77F6#ECF474#64E986#9437FF#FDFCBF
Questions
What colors go with Violet Voltage?
In a split-complementary scheme: Species (#DCD867), Pastel Green (#77DD77), Lilac Spring (#8822CC), Hip Hop (#E4E8A7).
What is the hex code of Violet Voltage?
#A669DB.