Pale Violet is a medium-light, vivid shade in the purple color family, with a cool feel. Its HEX code is #BD7AFF, which equals rgb(189, 122, 255) in RGB and hsl(270, 100%, 74%) in HSL. In print terms it converts to roughly C26 M52 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#BD7AFF - RGB
189, 122, 255 - HSL
270°, 100%, 74% - CMYK
26, 52, 0, 0 - Family
Purple - Tone
Medium-light, vivid
About Pale 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 black is the most readable choice on this color, with a contrast ratio of 7.39:1. Its complementary color is #BDFF7A.
Download Pale 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…
Pale Violet color codes
| HEX | #BD7AFF |
|---|---|
| RGB | rgb(189, 122, 255) |
| HSL | hsl(270, 100%, 74%) |
| HSV | 270°, 52%, 100% |
| CMYK | 26%, 52%, 0%, 0% |
| Decimal | 12417791 |
Shades and tints of Pale Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F4E9FF - 100
#E9D3FF - 200
#DEBDFF - 300
#D3A6FF - 400
#C890FF - 500
#BD7AFF - 600
#9E66D5 - 700
#7E51AA - 800
#5F3D80 - 900
#3F2955 - 950
#20142B
Color harmonies for Pale Violet
- Complementary
#BDFF7A≈ Pale Spring Bud - Analogous −30°
#7A7AFF≈ Pale Ultramarine - Analogous +30°
#FF7AFF≈ Pale Fuchsia - Triadic +120°
#FFBD7A≈ Pale Tangerine - Triadic +240°
#7AFFBD≈ Pale Seafoam - Split 150°
#FFFF7A≈ Pale Citron - Split 210°
#7AFF7A≈ Pale Shamrock
Contrast and accessibility of Pale Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Violet | Aa | 2.84:1 | Fails |
| Black text on Pale Violet | Aa | 7.39:1 | AAA (excellent) |
CSS code for Pale Violet
background-color: #BD7AFF;color: #BD7AFF;background-color: rgb(189, 122, 255);background-color: hsl(270, 100%, 74%);:root { --color-pale-violet: #BD7AFF; }class="bg-[#BD7AFF]"Colors similar to Pale Violet
- Pale Amethyst
#CA7AFF - Pale Periwinkle
#AF7AFF - Pale Bright Violet
#BD88F2 - Pale Bright Amethyst
#C788F2 - Pale Bright Periwinkle
#B288F2 - Pale Grape
#D77AFF - Pale Iris
#A27AFF - Pale Bright Grape
#D288F2 - Pale Bright Iris
#A788F2 - Light Bright Grape
#C463EE - Light Bright Amethyst
#B663EE - Light Soft Grape
#BD74DC
More purple shades
- Dark Violet Tone
#420085 - Deep Violet
#5700AD - Medium Dark Violet
#6B00D6 - Pure Violet
#7F00FF - Medium Light Violet
#9429FF - Light Violet
#A852FF - Very Pale Violet
#D1A3FF - Palest Violet
#E5CCFF - Darkest Bright Violet
#19052E - Very Dark Bright Violet
#2E0953 - Dark Bright Violet
#420D77
Frequently asked questions
What is the HEX code for Pale Violet?
The HEX code for Pale Violet is #BD7AFF.
What is the RGB value of Pale Violet?
Pale Violet has an RGB value of 189, 122, 255 (rgb(189, 122, 255)). In HSL it is 270°, 100%, 74%.
What text color should I use on Pale Violet?
Use black text on Pale Violet. White text has a contrast ratio of 2.84:1 and black text has 7.39:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Violet?
The complementary color of Pale Violet is #BDFF7A. Analogous colors #7A7AFF and #FF7AFF also pair well.