Violet Vixen Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #883377; /* Violet Vixen */
  --color-2: #ce5dae; /* Pú Táo Zǐ Purple */
  --color-3: #338544; /* Vine */
  --color-4: #1e4d2b; /* Cal Poly Pomona Green */
  --color-5: #54c571; /* Zombie Green */
}

Other schemes from Violet Vixen

• #443388

  #733380

  #883377

  #8E3350

  #884433
  Violet Vixen Analogous Color Scheme
• #883377

  #748A35

  #317589

  #CE5DAE

  #48531A
  Violet Vixen Triadic Color Scheme
• #883377

  #448833

  #368976

  #531745

  #6AB54B
  Violet Vixen Split-complementary Color Scheme
• #883377

  #886B2E

  #338544

  #344989

  #CE5DAE
  Violet Vixen Tetradic Color Scheme
• #180614

  #531745

  #883377

  #BB44AA

  #CA93C1
  Violet Vixen Monochromatic Color Scheme

More Dark Pink complementary palettes

• #990066

  #F400A1

  #009933

  #0A481E

  #00FF55
  8 Bit Eggplant Complementary Color Scheme
• #980B4A

  #EE1177

  #009B54

  #014E2E

  #12E193
  Aristocratic Velvet Complementary Color Scheme
• #BB0066

  #FF1493

  #00BB55

  #006C2E

  #20F986
  Aztec Warrior Complementary Color Scheme
• #871466

  #DD22AA

  #059033

  #0A481E

  #31D652
  Bane of Royalty Complementary Color Scheme
• #7E203F

  #CC3366

  #2E7B52

  #17462E

  #33CC99
  Beet Red Complementary Color Scheme
• #990F4B

  #EE1177

  #00955E

  #005437

  #2AF589
  Berry Complementary Color Scheme
• #B0003C

  #FF1155

  #00A877

  #006442

  #11FFBB
  Bindi Red Complementary Color Scheme
• #7B002C

  #D9004C

  #007755

  #0D2E1C

  #12E193
  Bordeaux Complementary Color Scheme
• #B70272

  #FF1CAE

  #00BB44

  #006C2E

  #33EE66
  Botticelli Complementary Color Scheme
• #7E4071

  #B26BA2

  #437B48

  #224634

  #6EB478
  Bruise Complementary Color Scheme
• #44232F

  #83455D

  #234537

  #0F1012

  #4B856C
  Castro Complementary Color Scheme
• #9E003A

  #FA005C

  #009E60

  #005437

  #05FFA6
  Cranberry Complementary Color Scheme