Pale Bright Violet is a medium-light, saturated shade in the purple color family, with a cool feel. Its HEX code is #BD88F2, which equals rgb(189, 136, 242) in RGB and hsl(270, 80%, 74%) in HSL. In print terms it converts to roughly C22 M44 Y0 K5, although exact CMYK results depend on the paper and color profile.
- HEX
#BD88F2 - RGB
189, 136, 242 - HSL
270°, 80%, 74% - CMYK
22, 44, 0, 5 - Family
Purple - Tone
Medium-light, saturated
About Pale 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. 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.97:1. Its complementary color is #BDF288.
Download Pale 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…
Pale Bright Violet color codes
| HEX | #BD88F2 |
|---|---|
| RGB | rgb(189, 136, 242) |
| HSL | hsl(270, 80%, 74%) |
| HSV | 270°, 44%, 95% |
| CMYK | 22%, 44%, 0%, 5% |
| Decimal | 12421362 |
Shades and tints of Pale Bright Violet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F4EBFD - 100
#E9D7FB - 200
#DEC4F9 - 300
#D3B0F6 - 400
#C89CF4 - 500
#BD88F2 - 600
#9E71CA - 700
#7E5BA1 - 800
#5F4479 - 900
#3F2D51 - 950
#201728
Color harmonies for Pale Bright Violet
- Complementary
#BDF288≈ Pale Bright Spring Bud - Analogous −30°
#8888F2≈ Pale Bright Ultramarine - Analogous +30°
#F288F2≈ Violet - Triadic +120°
#F2BD88≈ Pale Bright Tangerine - Triadic +240°
#88F2BD≈ Pale Bright Seafoam - Split 150°
#F2F288≈ Pale Bright Citron - Split 210°
#88F288≈ Pale Bright Kelly
Contrast and accessibility of Pale Bright Violet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Bright Violet | Aa | 2.64:1 | Fails |
| Black text on Pale Bright Violet | Aa | 7.97:1 | AAA (excellent) |
CSS code for Pale Bright Violet
background-color: #BD88F2;color: #BD88F2;background-color: rgb(189, 136, 242);background-color: hsl(270, 80%, 74%);:root { --color-pale-bright-violet: #BD88F2; }class="bg-[#BD88F2]"Colors similar to Pale Bright Violet
- Pale Bright Amethyst
#C788F2 - Pale Bright Periwinkle
#B288F2 - Pale Soft Violet
#BD95E4 - Pale Violet
#BD7AFF - Pale Bright Grape
#D288F2 - Pale Soft Amethyst
#C595E4 - Pale Soft Periwinkle
#B595E4 - Pale Bright Iris
#A788F2 - Pale Amethyst
#CA7AFF - Pale Periwinkle
#AF7AFF - Pale Soft Iris
#AD95E4 - Pale Soft Grape
#CD95E4
More purple shades
- Dark Bright Violet
#420D77 - Deep Bright Violet
#57119C - Medium Dark Bright Violet
#6B15C1 - Bright Violet
#7F19E6 - Medium Light Bright Violet
#943EEA - Light Bright Violet
#A863EE - Very Pale Bright Violet
#D1ACF6 - Palest Bright Violet
#E5D1FA - Darkest Soft Violet
#190A29 - Very Dark Soft Violet
#2E1249 - Dark Soft Violet
#421B6A
Frequently asked questions
What is the HEX code for Pale Bright Violet?
The HEX code for Pale Bright Violet is #BD88F2.
What is the RGB value of Pale Bright Violet?
Pale Bright Violet has an RGB value of 189, 136, 242 (rgb(189, 136, 242)). In HSL it is 270°, 80%, 74%.
What text color should I use on Pale Bright Violet?
Use black text on Pale Bright Violet. White text has a contrast ratio of 2.64:1 and black text has 7.97:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Bright Violet?
The complementary color of Pale Bright Violet is #BDF288. Analogous colors #8888F2 and #F288F2 also pair well.