Barbara Complementary Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #ff0ff3; /* Barbara */
  --color-2: #ff6ffc; /* Strawberry Frosting */
  --color-3: #0afa1e; /* Galactic Emerald */
  --color-4: #00c000; /* Waystone Green */
  --color-5: #76ff7b; /* Light Green */
}

Other schemes from Barbara

• #0C06F7

  #8811FF

  #FF0FF3

  #FF1177

  #FE1C06
  Barbara Analogous Color Scheme
• #FF0FF3

  #EEFF11

  #0FF0FE

  #FC74FD

  #B5C306
  Barbara Triadic Color Scheme
• #FF0FF3

  #7FFF00

  #00FA92

  #CC11BB

  #AAFF55
  Barbara Split-complementary Color Scheme
• #FF0FF3

  #FF9613

  #0AFA1E

  #1177FF

  #FC74FD
  Barbara Tetradic Color Scheme
• #730061

  #CC11BB

  #FF0FF3

  #FA5FF7

  #FFAAFF
  Barbara 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
• #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
• #AB7CB4

  #D4B4D5

  #88B378

  #558D4F

  #C3D6BD
  Berries Galore Complementary Color Scheme