Bright Violet is a medium, saturated shade in the purple color family, with a cool feel. Its HEX code is #7F19E6, which equals rgb(127, 25, 230) in RGB and hsl(270, 80%, 50%) in HSL. In print terms it converts to roughly C45 M89 Y0 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#7F19E6 - RGB
127, 25, 230 - HSL
270°, 80%, 50% - CMYK
45, 89, 0, 10 - Family
Purple - Tone
Medium, saturated
About Bright 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. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 6.60:1. Its complementary color is #80E61A.
Download Bright 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…
Bright Violet color codes
| HEX | #7F19E6 |
|---|---|
| RGB | rgb(127, 25, 230) |
| HSL | hsl(270, 80%, 50%) |
| HSV | 270°, 89%, 90% |
| CMYK | 45%, 89%, 0%, 10% |
| Decimal | 8329702 |
Shades and tints of Bright Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EAD9FB - 100
#D4B2F7 - 200
#BF8CF3 - 300
#AA66EE - 400
#943FEA - 500
#7F19E6 - 600
#6A15C0 - 700
#551199 - 800
#400D73 - 900
#2A084D - 950
#150426
Color harmonies for Bright Violet
- Complementary
#80E61A≈ Bright Apple - Analogous −30°
#1A1AE6≈ Bright Blue - Analogous +30°
#E61AE6≈ Bright Magenta - Triadic +120°
#E6801A≈ Bright Orange - Triadic +240°
#1AE680≈ Bright Mint - Split 150°
#E6E61A≈ Bright Yellow - Split 210°
#1AE61A≈ Bright Green
Contrast and accessibility of Bright Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Violet | Aa | 6.60:1 | AA (good) |
| Black text on Bright Violet | Aa | 3.18:1 | AA Large only |
CSS code for Bright Violet
background-color: #7F19E6;color: #7F19E6;background-color: rgb(127, 25, 230);background-color: hsl(270, 80%, 50%);:root { --color-bright-violet: #7F19E6; }class="bg-[#7F19E6]"Colors similar to Bright Violet
- Bright Periwinkle
#6B19E6 - Bright Amethyst
#9419E6 - Blue Violet
#8A2BE2 - Medium Light Periwinkle
#7E29FF - Medium Dark Amethyst
#8100D6 - Medium Dark Bright Amethyst
#7C15C1 - Medium Light Violet
#9429FF - Medium Light Iris
#6929FF - Bright Iris
#5719E6 - Medium Dark Bright Grape
#8D15C1 - Pure Violet
#7F00FF - Medium Dark Violet
#6B00D6
More purple shades
- Palest Violet
#E5CCFF - Darkest Bright Violet
#19052E - Very Dark Bright Violet
#2E0953 - Dark Bright Violet
#420D77 - Deep Bright Violet
#57119C - Medium Dark Bright Violet
#6B15C1 - Medium Light Bright Violet
#943EEA - Light Bright Violet
#A863EE - Pale Bright Violet
#BD88F2 - Very Pale Bright Violet
#D1ACF6 - Palest Bright Violet
#E5D1FA
Frequently asked questions
What is the HEX code for Bright Violet?
The HEX code for Bright Violet is #7F19E6.
What is the RGB value of Bright Violet?
Bright Violet has an RGB value of 127, 25, 230 (rgb(127, 25, 230)). In HSL it is 270°, 80%, 50%.
What text color should I use on Bright Violet?
Use white text on Bright Violet. White text has a contrast ratio of 6.60:1 and black text has 3.18:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Violet?
The complementary color of Bright Violet is #80E61A. Analogous colors #1A1AE6 and #E61AE6 also pair well.