Violet Complementary Color Scheme
Five colors arranged by the complementary rule around Violet (#9A0EEA), each snapped to its nearest named color.
#9A0EEA
#AA55EE
#4BEC13
#4DA409
#9AF764
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet | #9A0EEA | 154, 14, 234 | 278°, 89%, 49% | 34, 94, 0, 8 | |
| Light Shōtoku Purple | #AA55EE | 170, 85, 238 | 273°, 82%, 63% | 29, 64, 0, 7 | |
| Becquerel | #4BEC13 | 75, 236, 19 | 105°, 85%, 50% | 68, 0, 92, 7 | |
| Lawn Green | #4DA409 | 77, 164, 9 | 94°, 90%, 34% | 53, 0, 95, 36 | |
| Stadium Lawn | #9AF764 | 154, 247, 100 | 98°, 90%, 68% | 38, 0, 60, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9A0EEA on #9AF764 | 4.38:1 | AA large |
| Aa #9A0EEA on #4BEC13 | 3.67:1 | AA large |
| Aa #AA55EE on #9AF764 | 3.03:1 | AA large |
| Aa #AA55EE on #4BEC13 | 2.54:1 | — |
| Aa #4DA409 on #9AF764 | 2.39:1 | — |
| Aa #4BEC13 on #4DA409 | 2.01:1 | — |
CSS variables
:root {
--color-1: #9a0eea; /* Violet */
--color-2: #aa55ee; /* Light Shōtoku Purple */
--color-3: #4bec13; /* Becquerel */
--color-4: #4da409; /* Lawn Green */
--color-5: #9af764; /* Stadium Lawn */
}Other schemes from Violet
- Violet Analogous Color Scheme#1D5DEC#3311EE#9A0EEA#ED0DD9#E30B5D
- Violet Triadic Color Scheme#9A0EEA#E99A10#12E193#C071FE#A06814
- Violet Split-complementary Color Scheme#9A0EEA#CAE80A#16F12D#6611AA#DFFF4F
- Violet Tetradic Color Scheme#9A0EEA#EE3311#4BEC13#00CCEE#C071FE
- Violet Monochromatic Color Scheme#340059#6611AA#9A0EEA#AA55EE#D59CFC
More Medium Purple complementary palettes
- Berry Jam Complementary Color Scheme#655883#9188B5#728A51#505838#A8B989
- Busty Blue Complementary Color Scheme#3300CC#5533FF#99CC00#758000#C8FD3D
- Cosmic Heart Complementary Color Scheme#9601F4#AA55FF#55EE00#44AA00#9CEF43
- Crown Jewels Complementary Color Scheme#946DAD#BCACCD#86A96F#648149#BBD3AD
- Dreamscape Purple Complementary Color Scheme#9632CE#BF77F6#6ECB3C#448822#A3E493
- Electric Indigo Complementary Color Scheme#6600FF#9955FF#96FF00#6CB506#C2F177
- Flirtatious Flamingo Complementary Color Scheme#CC22FF#EE77FF#55FF22#33CC00#B1FC99
- Fuchsia Pheromone Complementary Color Scheme#9F4CB7#C687D6#6AB54B#448833#A6D292
- Grapes of Italy Complementary Color Scheme#714A8B#9D7EB7#63884A#47562F#93B881
- Hokkaido Lavender Complementary Color Scheme#7736D9#BF8FE5#99DD33#71A91D#C1E28A
- Lavish Spending Complementary Color Scheme#8469BC#B4A6D5#ACBF69#7E9242#CEDAAC
- Lilac Spring Complementary Color Scheme#8822CC#B36FF6#66CC22#44891A#9AE37D
Questions
What colors go with Violet?
In a complementary scheme: Light Shōtoku Purple (#AA55EE), Becquerel (#4BEC13), Lawn Green (#4DA409), Stadium Lawn (#9AF764).
What is the hex code of Violet?
#9A0EEA.