Blue Violet Analogous Color Scheme

Color names and codes

Which pairs work for text

CSS variables

:root {
  --color-1: #318ce7; /* Bleu de France */
  --color-2: #273be2; /* Palatinate Blue */
  --color-3: #8a2be2; /* Blue Violet */
  --color-4: #e03fd8; /* Méi Gūi Zǐ Purple */
  --color-5: #e02e82; /* Mystic Magenta */
}

Other schemes from Blue Violet

• #8A2BE2

  #BF77F6

  #88EE22

  #55AA11

  #BBEE88
  Blue Violet Complementary Color Scheme
• #8A2BE2

  #EB882C

  #2AF589

  #BF8FE5

  #AA6611
  Blue Violet Triadic Color Scheme
• #8A2BE2

  #D0E429

  #2CE335

  #6611AA

  #E8ED69
  Blue Violet Split-complementary Color Scheme
• #8A2BE2

  #E12C2C

  #88EE22

  #22DDEE

  #BF8FE5
  Blue Violet Tetradic Color Scheme
• #331166

  #6611AA

  #8A2BE2

  #B36FF6

  #D6B4FC
  Blue Violet Monochromatic Color Scheme

More medium purple analogous color schemes

• #547588

  #545F8A

  #655883

  #795088

  #885577
  Berry Jam Analogous Color Scheme
• #0099CC

  #0033CC

  #3300CC

  #9400D3

  #CC0088
  Busty Blue Analogous Color Scheme
• #0058F8

  #1600FC

  #9601F4

  #EE00DD

  #FA005C
  Cosmic Heart Analogous Color Scheme
• #6A87AB

  #766CB0

  #946DAD

  #AD6EA0

  #B36C86
  Crown Jewels Analogous Color Scheme
• #246BCE

  #5533CC

  #9632CE

  #D92FB4

  #CC3366
  Dreamscape Purple Analogous Color Scheme
• #0099FF

  #021BF9

  #6600FF

  #EE00FF

  #FF0099
  Electric Indigo Analogous Color Scheme
• #265EF7

  #4422FF

  #CC22FF

  #EA27C2

  #FF2255
  Flirtatious Flamingo Analogous Color Scheme
• #4C6CB3

  #6A5BB1

  #9F4CB7

  #B44C97

  #B74E64
  Fuchsia Pheromone Analogous Color Scheme
• #466590

  #4E468B

  #714A8B

  #8E4785

  #8B4963
  Grapes of Italy Analogous Color Scheme
• #2A96D5

  #2242C7

  #7736D9

  #CC33CC

  #D9308A
  Hokkaido Lavender Analogous Color Scheme
• #6BA0BF

  #6677BB

  #8469BC

  #A264BA

  #B768A2
  Lavish Spending Analogous Color Scheme
• #2266CC

  #243BCD

  #8822CC

  #D521B8

  #CC2266
  Lilac Spring Analogous Color Scheme