Violet Vixen Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violet Vixen (#883377), each snapped to its nearest named color.
#883377
#448833
#368976
#531745
#6AB54B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Violet Vixen | #883377 | 136, 51, 119 | 312°, 45%, 37% | 0, 63, 12, 47 | 46.6% 0.143 336 | |
| Overgrown Mausoleum | #448833 | 68, 136, 51 | 108°, 45%, 37% | 50, 0, 63, 47 | 56.3% 0.138 140 | |
| Ionian | #368976 | 54, 137, 118 | 166°, 43%, 37% | 61, 0, 14, 46 | 57.4% 0.086 175 | |
| Violet Carmine | #531745 | 83, 23, 69 | 314°, 57%, 21% | 0, 72, 17, 67 | 32.1% 0.106 338 | |
| Pure Apple | #6AB54B | 106, 181, 75 | 102°, 42%, 50% | 41, 0, 59, 29 | 70.1% 0.160 138 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #531745 on #6AB54B | 5.28:1 | AA |
| Aa #368976 on #531745 | 3.17:1 | AA large |
| Aa #448833 on #531745 | 3.05:1 | AA large |
| Aa #883377 on #6AB54B | 2.99:1 | — |
| Aa #883377 on #368976 | 1.79:1 | — |
| Aa #883377 on #531745 | 1.77:1 | — |
CSS variables
:root {
--color-1: #883377; /* Violet Vixen */
--color-2: #448833; /* Overgrown Mausoleum */
--color-3: #368976; /* Ionian */
--color-4: #531745; /* Violet Carmine */
--color-5: #6ab54b; /* Pure Apple */
}Other schemes from Violet Vixen
- Violet Vixen Complementary Color Scheme#883377#CE5DAE#338544#1E4D2B#54C571
- Violet Vixen Analogous Color Scheme#443388#733380#883377#8E3350#884433
- Violet Vixen Triadic Color Scheme#883377#748A35#317589#CE5DAE#48531A
- Violet Vixen Tetradic Color Scheme#883377#886B2E#338544#344989#CE5DAE
- Violet Vixen Monochromatic Color Scheme#180614#531745#883377#BB44AA#CA93C1
More dark pink split-complementary color schemes
- 8 Bit Eggplant Split-complementary Color Scheme#990066#119900#009B7D#4C022F#33EE00
- Aristocratic Velvet Split-complementary Color Scheme#980B4A#009911#0D9494#550022#0ADD08
- Aztec Warrior Split-complementary Color Scheme#BB0066#11BB00#0ABAB5#730039#1BFC06
- Bane of Royalty Split-complementary Color Scheme#871466#328E13#1B8A6B#4C022F#46CB18
- Beet Red Split-complementary Color Scheme#7E203F#287C37#216879#441122#36B14E
- Berry Split-complementary Color Scheme#990F4B#009911#12939A#4C022F#13DA25
- Bindi Red Split-complementary Color Scheme#B0003C#00AA11#0093AF#650021#00FF26
- Bordeaux Split-complementary Color Scheme#7B002C#007711#00697C#330011#00CC11
- Botticelli Split-complementary Color Scheme#B70272#11BB00#00BBAA#770044#21FC0D
- Bruise Split-complementary Color Scheme#7E4071#4F7942#447A66#462343#75AD5B
- Castro Split-complementary Color Scheme#44232F#224634#283C44#130D0D#3D7049
- Cranberry Split-complementary Color Scheme#9E003A#009911#00889F#560319#00EE11
Questions
What colors go with Violet Vixen?
In a split-complementary scheme: Overgrown Mausoleum (#448833), Ionian (#368976), Violet Carmine (#531745), Pure Apple (#6AB54B).
What is the hex code of Violet Vixen?
#883377.