PURPLE

Bright Lilac

#CF9FFF

Bright Lilac is #CF9FFF, rgb(207, 159, 255).

Conversions
HEX#CF9FFF
RGBrgb(207, 159, 255)
HSLhsl(270, 100%, 81%)
HSVhsv(270, 38%, 100%)
CMYKcmyk(19%, 38%, 0%, 0%)
Copy CSS
color: #cf9fff; /* rgb */ color: rgb(207, 159, 255); /* hsl */ color: hsl(270, 100%, 81%);
Contrast
On whiteFail · 2.09 : 1
On ink blackPass · 9.16 : 1
Shades
Tints
Pairings

About Bright Lilac

Bright Lilac is the hex color #CF9FFF, which translates to rgb(207, 159, 255) in RGB and hsl(270, 100%, 81%) in HSL. On the color wheel it sits at 270 degrees, with a saturation of 100 percent and a lightness of 81 percent. That puts Bright Lilac at the pale end of the purple range, light enough to work as a page or card background with dark text on top.

How Bright Lilac compares

The closest standard CSS keyword is plum (#DDA0DD), a CIE76 distance of 19.3 away in CIELAB. That is a visible difference, so the keyword is not a substitute here. In the Tailwind CSS 4.3.1 palette the nearest token is purple-300 (#DAB2FF), at a distance of 12.2. Inside this library the closest neighbour is Lilac at 11.9. Sorted by lightness, Bright Lilac is number 30 of the 31 purple colors here.

Text on Bright Lilac

2 of the five common text colors below clear WCAG AA for normal text on Bright Lilac, led by Ink black at 9.16:1. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Bright Lilac already loaded as the background.

Contrast of common text colors on Bright Lilac. AA normal text needs 4.5:1, AA large text and non-text elements need 3:1, AAA normal text needs 7:1.
Text colorRatioAA normalAA largeAAA normal
White #FFFFFF2.09:1FailFailFail
Ink black #0F0F129.16:1PassPassPass
Mid grey #6B72802.32:1FailFailFail
Dark grey #3741514.94:1PassPassFail
Light grey #E5E7EB1.69:1FailFailFail

Building a palette around Bright Lilac

The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Bright Lilac for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Bright Lilac locked and let it fill in the rest.

Full values for Bright Lilac

FormatValue
HEX#CF9FFF
RGBrgb(207, 159, 255)
HSLhsl(270, 100%, 81%)
HSVhsv(270, 38%, 100%)
CMYKcmyk(19%, 38%, 0%, 0%)
OKLCHoklch(78.22% 0.1413 306.38)
CIELABlab(73.08 35.65 -41.06)

Frequently asked questions

What is the RGB value of Bright Lilac?

Bright Lilac (#CF9FFF) is rgb(207, 159, 255): 207 red, 159 green and 255 blue on the 0 to 255 scale. Blue leads at 255, red follows at 207 and green trails at 159, which puts the hue at 270 degrees. In HSL the same color is hsl(270, 100%, 81%).

What colour is #CF9FFF?

#CF9FFF is Bright Lilac, a light purple colour with a hue of 270 degrees, 100% saturation and 81% lightness. For print the CMYK breakdown is 19% cyan, 38% magenta, 0% yellow and 0% black. Its nearest neighbour in this library is Lilac, 11.9 away in CIELAB, a difference you can see.

Is Bright Lilac a CSS color name?

No. Bright Lilac is not one of the 148 CSS named colors, so write it as #CF9FFF. The nearest keyword is plum (#DDA0DD), a CIE76 distance of 19.3: far enough that the keyword reads as a different color.

What colors go with Bright Lilac?

Opposite Bright Lilac on the color wheel sits the complementary #CFFF9F, the boldest accent by hue. For a calmer scheme use the analogous neighbours #9F9FFF and #FF9FFF; for a balanced three-color scheme use the triadic pair #FFCF9F and #9FFFCF. Of these, #CFFF9F has the most contrast against Bright Lilac, at 1.84:1, so pair it by hue, not for legibility.

What text color is readable on Bright Lilac?

Ink black (#0F0F12) is the most readable on Bright Lilac, at 9.16:1, which also clears WCAG AAA (7:1). 2 of the 5 common text colors tested pass AA for normal text.

Use Bright Lilac in a tool

Nearby colors

Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.