Dark Violet Complementary Color Scheme
Five colors arranged by the complementary rule around Dark Violet (#9400D3), each snapped to its nearest named color.
#9400D3
#CC33FF
#33CC00
#228800
#7FF23E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Dark Violet | #9400D3 | 148, 0, 211 | 282°, 100%, 41% | 30, 100, 0, 17 | 51.5% 0.261 310 | |
| Flamingo Queen | #CC33FF | 204, 51, 255 | 285°, 100%, 60% | 20, 80, 0, 0 | 64.5% 0.285 316 | |
| Candy Green | #33CC00 | 51, 204, 0 | 105°, 100%, 40% | 75, 0, 100, 20 | 73.8% 0.242 141 | |
| Green Bell Pepper | #228800 | 34, 136, 0 | 105°, 100%, 27% | 75, 0, 100, 47 | 54.8% 0.178 141 | |
| Lush Greenery | #7FF23E | 127, 242, 62 | 98°, 87%, 60% | 48, 0, 74, 5 | 86.0% 0.234 137 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9400D3 on #7FF23E | 4.59:1 | AA |
| Aa #228800 on #7FF23E | 3.20:1 | AA large |
| Aa #9400D3 on #33CC00 | 3.06:1 | AA large |
| Aa #CC33FF on #7FF23E | 2.68:1 | — |
| Aa #33CC00 on #228800 | 2.13:1 | — |
| Aa #CC33FF on #33CC00 | 1.78:1 | — |
CSS variables
:root {
--color-1: #9400d3; /* Dark Violet */
--color-2: #cc33ff; /* Flamingo Queen */
--color-3: #33cc00; /* Candy Green */
--color-4: #228800; /* Green Bell Pepper */
--color-5: #7ff23e; /* Lush Greenery */
}Other schemes from Dark Violet
- Dark Violet Analogous Color Scheme#0033CC#3300CC#9400D3#DD14AB#D3003F
- Dark Violet Triadic Color Scheme#9400D3#CE9500#00CC99#CC33FF#885F01
- Dark Violet Split-complementary Color Scheme#9400D3#A1D600#00CC33#5E0092#C9FF27
- Dark Violet Tetradic Color Scheme#9400D3#D33300#33CC00#00A9DA#CC33FF
- Dark Violet Monochromatic Color Scheme#280137#5E0092#9400D3#AA23FF#DF73FF
More medium purple complementary color schemes
- 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 Dark Violet?
In a complementary scheme: Flamingo Queen (#CC33FF), Candy Green (#33CC00), Green Bell Pepper (#228800), Lush Greenery (#7FF23E).
What is the hex code of Dark Violet?
#9400D3.