Cupid’s Eye Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #ff22dd; /* Cupid’s Eye */
  --color-2: #ff77ee; /* Avant-Garde Pink */
  --color-3: #2dfe54; /* Bright Light Green */
  --color-4: #13da25; /* Green Wrasse */
  --color-5: #8cff9e; /* Baby Green */
}

Other schemes from Cupid’s Eye

• #4422FF

  #AA23FF

  #FF22DD

  #FF2266

  #FF4422
  Cupid’s Eye Analogous Color Scheme
• #FF22DD

  #C9FF27

  #22DDFF

  #F984EF

  #ADD900
  Cupid’s Eye Triadic Color Scheme
• #FF22DD

  #66FF22

  #2AFEB7

  #CC11BB

  #A9F971
  Cupid’s Eye Split-complementary Color Scheme
• #FF22DD

  #FFBA24

  #2DFE54

  #2C75FF

  #F984EF
  Cupid’s Eye Tetradic Color Scheme
• #800070

  #CC11BB

  #FF22DD

  #FF77EE

  #FFBBEE
  Cupid’s Eye Monochromatic Color Scheme

More Medium Pink complementary palettes

• #C90B42

  #E83A72

  #00CC99

  #11875D

  #45E9C1
  Akari Red Complementary Color Scheme
• #EE3377

  #F485AC

  #2EE8BB

  #19CC89

  #84FBCE
  Amor Complementary Color Scheme
• #BB22AA

  #E15ACB

  #22BB33

  #12732B

  #64EB65
  Amora Purple Complementary Color Scheme
• #DD0055

  #FF3888

  #00CC99

  #019157

  #55FFAA
  Anger Complementary Color Scheme
• #DD14AB

  #EE55CC

  #0BDB43

  #059033

  #64E986
  Aphroditean Fuchsia Complementary Color Scheme
• #D208CC

  #FF33EE

  #00CC11

  #008811

  #4EFD54
  Awkward Purple Complementary Color Scheme
• #FF0FF3

  #FF6FFC

  #0AFA1E

  #00C000

  #76FF7B
  Barbara Complementary Color Scheme
• #EE3366

  #F485AC

  #2EE8BB

  #01C08D

  #8CFFDB
  Bat’s Blood Soup Complementary Color Scheme
• #D4265D

  #E96A97

  #24DA91

  #1E9167

  #7EF4CC
  Beet Wave Complementary Color Scheme
• #D33376

  #E47CB8

  #2DD78D

  #229966

  #8BE0BA
  Beetroot Purple Complementary Color Scheme
• #DD1188

  #FF55AA

  #11DD66

  #119944

  #64E986
  Benevolent Pink Complementary Color Scheme
• #9D5A8F

  #C58BBA

  #599F68

  #3D7049

  #9FC5AA
  Bermuda Onion Complementary Color Scheme