Blue Violet Complementary Color Scheme
Five colors arranged by the complementary rule around Blue Violet (#8A2BE2), each snapped to its nearest named color.
#8A2BE2
#BF77F6
#88EE22
#55AA11
#BBEE88
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Blue Violet | #8A2BE2 | 138, 43, 226 | 271°, 76%, 53% | 39, 81, 0, 11 | 53.4% 0.250 301 | |
| Illicit Purple | #BF77F6 | 191, 119, 246 | 274°, 88%, 72% | 22, 52, 0, 4 | 69.7% 0.190 308 | |
| Luxurious Lime | #88EE22 | 136, 238, 34 | 90°, 86%, 53% | 43, 0, 86, 7 | 85.3% 0.237 134 | |
| Plastic Pines | #55AA11 | 85, 170, 17 | 93°, 82%, 37% | 50, 0, 90, 33 | 65.9% 0.191 136 | |
| Green Day | #BBEE88 | 187, 238, 136 | 90°, 75%, 73% | 21, 0, 43, 7 | 89.1% 0.141 131 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8A2BE2 on #BBEE88 | 4.45:1 | AA large |
| Aa #8A2BE2 on #88EE22 | 4.06:1 | AA large |
| Aa #55AA11 on #BBEE88 | 2.20:1 | — |
| Aa #BF77F6 on #BBEE88 | 2.18:1 | — |
| Aa #8A2BE2 on #BF77F6 | 2.04:1 | — |
| Aa #8A2BE2 on #55AA11 | 2.03:1 | — |
CSS variables
:root {
--color-1: #8a2be2; /* Blue Violet */
--color-2: #bf77f6; /* Illicit Purple */
--color-3: #88ee22; /* Luxurious Lime */
--color-4: #55aa11; /* Plastic Pines */
--color-5: #bbee88; /* Green Day */
}Other schemes from Blue Violet
- Blue Violet Analogous Color Scheme#318CE7#273BE2#8A2BE2#E03FD8#E02E82
- Blue Violet Triadic Color Scheme#8A2BE2#EB882C#2AF589#BF8FE5#AA6611
- Blue Violet Split-complementary Color Scheme#8A2BE2#D0E429#2CE335#6611AA#E8ED69
- Blue Violet Tetradic Color Scheme#8A2BE2#E12C2C#88EE22#22DDEE#BF8FE5
- Blue Violet Monochromatic Color Scheme#331166#6611AA#8A2BE2#B36FF6#D6B4FC
More medium purple complementary color schemes
- Berry Jam Complementary Color Scheme#655883#9188B5#728A51#505838#A8B989
- Busty Blue Complementary Color Scheme#3300CC#5533FF#99CC00#758000#C8FD3D
- Cosmic Heart Complementary Color Scheme#9601F4#AA55FF#55EE00#44AA00#9CEF43
- Crown Jewels Complementary Color Scheme#946DAD#BCACCD#86A96F#648149#BBD3AD
- Dreamscape Purple Complementary Color Scheme#9632CE#BF77F6#6ECB3C#448822#A3E493
- Electric Indigo Complementary Color Scheme#6600FF#9955FF#96FF00#6CB506#C2F177
- Flirtatious Flamingo Complementary Color Scheme#CC22FF#EE77FF#55FF22#33CC00#B1FC99
- Fuchsia Pheromone Complementary Color Scheme#9F4CB7#C687D6#6AB54B#448833#A6D292
- Grapes of Italy Complementary Color Scheme#714A8B#9D7EB7#63884A#47562F#93B881
- Hokkaido Lavender Complementary Color Scheme#7736D9#BF8FE5#99DD33#71A91D#C1E28A
- Lavish Spending Complementary Color Scheme#8469BC#B4A6D5#ACBF69#7E9242#CEDAAC
- Lilac Spring Complementary Color Scheme#8822CC#B36FF6#66CC22#44891A#9AE37D
Questions
What colors go with Blue Violet?
In a complementary scheme: Illicit Purple (#BF77F6), Luxurious Lime (#88EE22), Plastic Pines (#55AA11), Green Day (#BBEE88).
What is the hex code of Blue Violet?
#8A2BE2.