Colour

#CC99FF

#CC99FF
Violet
Dark
Nearest: Medium purple

#CC99FF is a violet with RGB values 204, 153, 255 and HSL 270°, 100%, 80%. It is a dark colour, so black text on it reaches 9.6:1 contrast (AAA for normal text). The nearest named colour is Medium purple.

Colour values

#CC99FF#CC99FF

HEX#CC99FF

HEX (short)#C9F

RGBrgb(204, 153, 255)

RGB (0–1)0.8, 0.6, 1

RGB percentages80%, 60%, 100%

HSLhsl(270, 100%, 80%)

HSV / HSBhsv(270, 40%, 100%)

CMYK20%, 40%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,408,767

CSS custom property--colour: #CC99FF;

Brightness & contrast

Relative luminance0.4284WCAG 2.x, 0 is black and 1 is white

Perceived brightness183.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.57:1

Contrast with white2.19:1WCAG normal text: Fail

Contrast with black9.57:1WCAG normal text: AAA

Greyscale equivalent#ABABAB

Inverted#336600

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#82ADFFno red cones; affects about 1% of men; ΔE 30.7 from the original

Deuteranopia#8DAFFCno green cones; the most common form, about 1% of men; ΔE 30.1 from the original

Tritanopia#C4A9C0no blue cones; rare, and affects men and women equally; ΔE 43 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.19:1WCAG large text: Fail

Contrast with black, large text9.57:1WCAG large text: AAA

Named colours

Medium purple · ΔE 17.7 Violet · ΔE 19.6 Orchid · ΔE 21.4 Plum · ΔE 22.4 Medium orchid · ΔE 27.8 Medium slateblue · ΔE 29.2

Nearest named CSS colourMedium purple (#9370DB)ΔE 17.74, a distinctly different colour

Hue familyviolet

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#CCFF99

Analogous#9999FF, #FF99FF

Triadic#FFCC99, #99FFCC

Split complementary#FFFF99, #99FF99

Tetradic#FF9999, #CCFF99, #99FFFF

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FFFFFF

Lighter +10%#E6CCFF

Darker −10%#B366FF

Darker −20%#9933FF

Darker −30%#8000FF

Darker −40%#6600CC

More saturated +25%#CC99FF

Less saturated −25%#CCA6F2

Channel breakdown

R204

G153

B255

Red204 (80%)

Green153 (60%)

Blue255 (100%)

Hue270°

Saturation (HSL)100%

Lightness80%

Dominant channelBlue

Hex per channelR CC · G 99 · B FF

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#CC99FF

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else