Blue Violet is a medium, saturated shade in the purple color family, with a cool feel. Its HEX code is #8A2BE2, which equals rgb(138, 43, 226) in RGB and hsl(271, 76%, 53%) in HSL. In print terms it converts to roughly C39 M81 Y0 K11, although exact CMYK results depend on the paper and color profile.
- HEX
#8A2BE2 - RGB
138, 43, 226 - HSL
271°, 76%, 53% - CMYK
39, 81, 0, 11 - Family
Purple - Tone
Medium, saturated
About Blue Violet
Purple shades blend the stability of blue with the energy of red. They are linked with creativity, luxury and imagination, and give designs a distinctive, premium feel. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 5.96:1. Its complementary color is #84E22C.
Download Blue Violet as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Blue Violet color codes
| HEX | #8A2BE2 |
|---|---|
| RGB | rgb(138, 43, 226) |
| HSL | hsl(271, 76%, 53%) |
| HSV | 271°, 81%, 89% |
| CMYK | 39%, 81%, 0%, 11% |
| Decimal | 9055202 |
Shades and tints of Blue Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#ECDCFA - 100
#D8B8F5 - 200
#C595F1 - 300
#B172EC - 400
#9E4EE7 - 500
#8A2BE2 - 600
#7324BC - 700
#5C1D97 - 800
#451671 - 900
#2E0E4B - 950
#170726
Color harmonies for Blue Violet
- Complementary
#84E22C≈ Bright Apple - Analogous −30°
#2F2CE2≈ Bright Royal - Analogous +30°
#E22CDF≈ Bright Magenta - Triadic +120°
#E28A2C≈ Medium Light Bright Persimmon - Triadic +240°
#2CE28A≈ Medium Light Bright Malachite - Split 150°
#DFE22C≈ Bright Yellow - Split 210°
#2CE22F≈ Bright Kelly
Contrast and accessibility of Blue Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Blue Violet | Aa | 5.96:1 | AA (good) |
| Black text on Blue Violet | Aa | 3.52:1 | AA Large only |
CSS code for Blue Violet
background-color: #8A2BE2;color: #8A2BE2;background-color: rgb(138, 43, 226);background-color: hsl(271, 76%, 53%);:root { --color-blue-violet: #8A2BE2; }class="bg-[#8A2BE2]"Colors similar to Blue Violet
- Soft Amethyst
#8F33CC - Bright Amethyst
#9419E6 - Bright Violet
#7F19E6 - Medium Light Bright Periwinkle
#833EEA - Soft Violet
#7F33CC - Medium Light Bright Violet
#943EEA - Dark Orchid
#9932CC - Medium Light Violet
#9429FF - Soft Grape
#9E33CC - Medium Light Periwinkle
#7E29FF - Medium Light Bright Iris
#723EEA - Soft Periwinkle
#7033CC
More purple shades
- Lavender
#E6E6FA - Thistle
#D8BFD8 - Orchid
#DA70D6 - Violet
#EE82EE - Rebecca Purple
#663399 - Indigo
#4B0082 - Dark Orchid
#9932CC - Dark Violet
#9400D3 - Medium Orchid
#BA55D3 - Mauve
#E0B0FF - Amethyst
#9966CC
Frequently asked questions
What is the HEX code for Blue Violet?
The HEX code for Blue Violet is #8A2BE2.
What is the RGB value of Blue Violet?
Blue Violet has an RGB value of 138, 43, 226 (rgb(138, 43, 226)). In HSL it is 271°, 76%, 53%.
What text color should I use on Blue Violet?
Use white text on Blue Violet. White text has a contrast ratio of 5.96:1 and black text has 3.52:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Blue Violet?
The complementary color of Blue Violet is #84E22C. Analogous colors #2F2CE2 and #E22CDF also pair well.