Purple Emperor Complementary Color Scheme
Five colors arranged by the complementary rule around Purple Emperor (#6633BB), each snapped to its nearest named color.
#6633BB
#966FD6
#8AB733
#507D2A
#AFD77F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Purple Emperor | #6633BB | 102, 51, 187 | 263°, 57%, 47% | 45, 73, 0, 27 | |
| Iridescent Purple | #966FD6 | 150, 111, 214 | 263°, 56%, 64% | 30, 48, 0, 16 | |
| Outrageous Green | #8AB733 | 138, 183, 51 | 80°, 56%, 46% | 25, 0, 72, 28 | |
| Master Chief | #507D2A | 80, 125, 42 | 93°, 50%, 33% | 36, 0, 66, 51 | |
| Wasabi | #AFD77F | 175, 215, 127 | 87°, 52%, 67% | 19, 0, 41, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6633BB on #AFD77F | 4.66:1 | AA |
| Aa #6633BB on #8AB733 | 3.23:1 | AA large |
| Aa #507D2A on #AFD77F | 2.98:1 | — |
| Aa #966FD6 on #AFD77F | 2.32:1 | — |
| Aa #8AB733 on #507D2A | 2.07:1 | — |
| Aa #6633BB on #966FD6 | 2.01:1 | — |
CSS variables
:root {
--color-1: #6633bb; /* Purple Emperor */
--color-2: #966fd6; /* Iridescent Purple */
--color-3: #8ab733; /* Outrageous Green */
--color-4: #507d2a; /* Master Chief */
--color-5: #afd77f; /* Wasabi */
}Other schemes from Purple Emperor
- Purple Emperor Analogous Color Scheme#3887BD#324AB2#6633BB#A328B3#BB3388
- Purple Emperor Triadic Color Scheme#6633BB#BF652E#33B864#9370DB#794029
- Purple Emperor Split-complementary Color Scheme#6633BB#BEA932#55BB33#412A7A#DBC963
- Purple Emperor Tetradic Color Scheme#6633BB#BB3344#8AB733#36BFA8#9370DB
- Purple Emperor Monochromatic Color Scheme#221144#412A7A#6633BB#9966CC#ACACE6
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 Purple Emperor?
In a complementary scheme: Iridescent Purple (#966FD6), Outrageous Green (#8AB733), Master Chief (#507D2A), Wasabi (#AFD77F).
What is the hex code of Purple Emperor?
#6633BB.