Pale Violet (#CC99FF)

The hex code for Pale Violet is #CC99FF. It is rgb(204, 153, 255) in RGB, hsl(270, 100%, 80%) in HSL, and about cmyk(20%, 40%, 0%, 0%) in CMYK — a lightest purple. Black text is the more readable choice on this background.

#CC99FF

HEX#CC99FF

RGBrgb(204, 153, 255)

HSLhsl(270, 100%, 80%)

HSVhsv(270, 40%, 100%)

CMYKcmyk(20%, 40%, 0%, 0%)

OKLCHoklch(76.9% 0.15 306.2)

LABlab(71.10% 33.90 -43.86)

LCHlch(71.10% 55.43 307.70)

Colors Closest to Pale Violet

Pale Violet is a registered color name. These are the named colors nearest to it, measured as CIE76 distance in CIELAB — a perceptual scale, so the ordering matches what the eye sees rather than how close the raw RGB numbers happen to sit.

Bright Lilac#D891EFΔE 8.99 Lavender (Floral)#B57EDCΔE 10.53 Rich Brilliant Lavender#F1A7FEΔE 14.27 Mauve#E0B0FFΔE 14.49 Rich Lavender#A76BCFΔE 16.69 Medium Purple#9370DBΔE 18.1

Browse the full index of named colors A-Z or every purple in the library.

#CC99FF Channel Values

How Pale Violet breaks down in each color model. Hue is measured in degrees around the color wheel; saturation, lightness, and the CMYK inks are percentages.

Model	Channels	Notes
RGB	R 204 · G 153 · B 255	8-bit channels as sent to the display
HSL	H 270° · S 100% · L 80%	Easiest model for building lighter and darker variants
HSV	H 270° · S 40% · V 100%	Matches the picker in most design tools
CMYK	C 20% · M 40% · Y 0% · K 0%	Approximate ink mix; confirm with an ICC profile before printing
Luminance	2.19:1 vs white · 9.57:1 vs black	WCAG 2.2 relative-luminance contrast ratios

Text Contrast & Accessibility

WCAG 2.2 contrast ratios for text on a Pale Violet background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Contrast is one check, not a full accessibility review.

Fails AAWhite text2.19:1AA normal AA large AAA normal

TextBlack text9.57:1AA normal AA large AAA normal

Need a specific ratio against another background? Open #CC99FF in the contrast checker.

Colors That Go With Pale Violet

Pairings derived from color-wheel relationships. The complementary color sits opposite Pale Violet; analogous colors sit beside it; triadic and split-complementary sets spread evenly around the wheel. Select any swatch for its own breakdown.

Base

Complementary

Analogous

Analogous

Triadic

Triadic

Split comp.

Split comp.

Tints & Shades of Pale Violet

Lighter tints and darker shades built by moving the lightness channel while holding hue and saturation, which is what you want for hover states, backgrounds, and text variants.

Tints

Shades

Want a full 50-950 ramp with semantic roles? Generate design tokens from #CC99FF.

How Pale Violet Looks with Color Vision Deficiency

Simulated with the Viénot, Brettel & Mollon LMS projection model. Anomalous types are rendered as partial versions of the matching dichromacy, which is an approximation rather than a per-person clinical model.

Typical#CC99FF

Protanopia#A3A3FF

Protanomaly#B59FFF

Deuteranopia#ACACFE

Deuteranomaly#BAA5FE

Tritanopia#BEAAAA

Tritanomaly#C4A4D2

Achromatopsia#AFAFAF

Test a full palette in the color blindness simulator.

Using #CC99FF in Code

Copy-ready declarations for the places this color usually ends up.

CSS custom property--pale-violet: #CC99FF;

CSS backgroundbackground-color: #CC99FF;

Tailwind configcolors: { 'pale-violet': '#CC99FF' }

SwiftUIColor(red: 0.800, green: 0.600, blue: 1.000)

Android XML<color name="pale_violet">#CC99FF</color>

SVG fillfill="#CC99FF"

More Purple Colors

Pale Violet sits in the purple family. These are its neighbours across that family's full range, each with its own breakdown.

cda4de cc81df cdb7fc cc66ff ce8aff cc33ff cebeef cc00ff cfb6e7 cba1f2 d0a1e8 c9a0dc ddd2f4 f2dff7 220b2d 341146 4b0082 5c1e7b 69359c 7f01fe 9370db 9966ff aa00ff b981ee

#CC99FF Frequently Asked Questions

What is the hex code for Pale Violet?

The hex code for Pale Violet is #CC99FF. That is rgb(204, 153, 255) in RGB, hsl(270, 100%, 80%) in HSL, and approximately cmyk(20%, 40%, 0%, 0%) in CMYK.

What is the RGB value of #CC99FF?

#CC99FF is rgb(204, 153, 255) — red 204, green 153, and blue 255 on the 0-255 scale.

What is the CMYK value of #CC99FF?

#CC99FF converts to approximately cmyk(20%, 40%, 0%, 0%). CMYK output is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.

Should text on #CC99FF be black or white?

Black text is the more readable choice. #CC99FF scores 2.19:1 against white and 9.57:1 against black, and WCAG 2.2 asks for at least 4.5:1 for normal body text.

Can I write #CC99FF as a CSS color keyword?

No. #CC99FF is not one of the CSS color keywords, so it has to be written as a hex, rgb() or hsl() value. The closest keyword is mediumpurple (#9370DB) at a CIE76 distance of 18.1, which is visibly different.

Open Pale Violet in a Tool

Hex to RGB Hex to HSL Hex to CMYK Hex to OKLCH Hex to Pantone Build a palette Make a gradient

Keep exploring: every purple in the color library, the guide to shades of purple, or the full color library.