Cupid’s Eye Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cupid’s Eye (#FF22DD), each snapped to its nearest named color.
#FF22DD
#66FF22
#2AFEB7
#CC11BB
#A9F971
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cupid’s Eye | #FF22DD | 255, 34, 221 | 309°, 100%, 57% | 0, 87, 13, 0 | |
| Venomous Green | #66FF22 | 102, 255, 34 | 102°, 100%, 57% | 60, 0, 87, 0 | |
| Greenish Cyan | #2AFEB7 | 42, 254, 183 | 160°, 99%, 58% | 83, 0, 28, 0 | |
| Explosive Purple | #CC11BB | 204, 17, 187 | 305°, 85%, 43% | 0, 92, 8, 20 | |
| Lima | #A9F971 | 169, 249, 113 | 95°, 92%, 71% | 32, 0, 55, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC11BB on #A9F971 | 3.77:1 | AA large |
| Aa #2AFEB7 on #CC11BB | 3.66:1 | AA large |
| Aa #66FF22 on #CC11BB | 3.64:1 | AA large |
| Aa #FF22DD on #A9F971 | 2.53:1 | — |
| Aa #FF22DD on #2AFEB7 | 2.45:1 | — |
| Aa #FF22DD on #66FF22 | 2.44:1 | — |
CSS variables
:root {
--color-1: #ff22dd; /* Cupid’s Eye */
--color-2: #66ff22; /* Venomous Green */
--color-3: #2afeb7; /* Greenish Cyan */
--color-4: #cc11bb; /* Explosive Purple */
--color-5: #a9f971; /* Lima */
}Other schemes from Cupid’s Eye
- Cupid’s Eye Complementary Color Scheme#FF22DD#FF77EE#2DFE54#13DA25#8CFF9E
- Cupid’s Eye Analogous Color Scheme#4422FF#AA23FF#FF22DD#FF2266#FF4422
- Cupid’s Eye Triadic Color Scheme#FF22DD#C9FF27#22DDFF#F984EF#ADD900
- Cupid’s Eye Tetradic Color Scheme#FF22DD#FFBA24#2DFE54#2C75FF#F984EF
- Cupid’s Eye Monochromatic Color Scheme#800070#CC11BB#FF22DD#FF77EE#FFBBEE
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Cupid’s Eye?
In a split-complementary scheme: Venomous Green (#66FF22), Greenish Cyan (#2AFEB7), Explosive Purple (#CC11BB), Lima (#A9F971).
What is the hex code of Cupid’s Eye?
#FF22DD.