Awkward Purple Complementary Color Scheme
Five colors arranged by the complementary rule around Awkward Purple (#D208CC), each snapped to its nearest named color.
#D208CC
#FF33EE
#00CC11
#008811
#4EFD54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Awkward Purple | #D208CC | 210, 8, 204 | 302°, 93%, 43% | 0, 96, 3, 18 | |
| Lurid Pink | #FF33EE | 255, 51, 238 | 305°, 100%, 60% | 0, 80, 7, 0 | |
| Pressing My Luck | #00CC11 | 0, 204, 17 | 125°, 100%, 40% | 100, 0, 92, 20 | |
| Lush Garden | #008811 | 0, 136, 17 | 128°, 100%, 27% | 100, 0, 88, 47 | |
| Goblin Warboss | #4EFD54 | 78, 253, 84 | 122°, 98%, 65% | 69, 0, 67, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #008811 on #4EFD54 | 3.42:1 | AA large |
| Aa #D208CC on #4EFD54 | 3.34:1 | AA large |
| Aa #FF33EE on #4EFD54 | 2.23:1 | — |
| Aa #00CC11 on #008811 | 2.13:1 | — |
| Aa #D208CC on #00CC11 | 2.08:1 | — |
| Aa #00CC11 on #4EFD54 | 1.61:1 | — |
CSS variables
:root {
--color-1: #d208cc; /* Awkward Purple */
--color-2: #ff33ee; /* Lurid Pink */
--color-3: #00cc11; /* Pressing My Luck */
--color-4: #008811; /* Lush Garden */
--color-5: #4efd54; /* Goblin Warboss */
}Other schemes from Awkward Purple
- Awkward Purple Analogous Color Scheme#1100CC#6600CC#D208CC#D90166#D41003
- Awkward Purple Triadic Color Scheme#D208CC#CDD80D#09CDCD#FF44EE#83890E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Awkward Purple Tetradic Color Scheme#D208CC#C87606#00CC11#0066CC#FF44EE
- Awkward Purple Monochromatic Color Scheme#36013F#880085#D208CC#FF33EE#F878F8
More Medium Pink complementary palettes
- Akari Red Complementary Color Scheme#C90B42#E83A72#00CC99#11875D#45E9C1
- Amor Complementary Color Scheme#EE3377#F485AC#2EE8BB#19CC89#84FBCE
- Amora Purple Complementary Color Scheme#BB22AA#E15ACB#22BB33#12732B#64EB65
- Anger Complementary Color Scheme#DD0055#FF3888#00CC99#019157#55FFAA
- Aphroditean Fuchsia Complementary Color Scheme#DD14AB#EE55CC#0BDB43#059033#64E986
- Barbara Complementary Color Scheme#FF0FF3#FF6FFC#0AFA1E#00C000#76FF7B
- Bat’s Blood Soup Complementary Color Scheme#EE3366#F485AC#2EE8BB#01C08D#8CFFDB
- Beet Wave Complementary Color Scheme#D4265D#E96A97#24DA91#1E9167#7EF4CC
- Beetroot Purple Complementary Color Scheme#D33376#E47CB8#2DD78D#229966#8BE0BA
- Benevolent Pink Complementary Color Scheme#DD1188#FF55AA#11DD66#119944#64E986
- Bermuda Onion Complementary Color Scheme#9D5A8F#C58BBA#599F68#3D7049#9FC5AA
- Berries Galore Complementary Color Scheme#AB7CB4#D4B4D5#88B378#558D4F#C3D6BD
Questions
What colors go with Awkward Purple?
In a complementary scheme: Lurid Pink (#FF33EE), Pressing My Luck (#00CC11), Lush Garden (#008811), Goblin Warboss (#4EFD54).
What is the hex code of Awkward Purple?
#D208CC.