#CC98CC

Color Details

HEX
#CC98CC
RGB
rgb(204, 152, 204)
HSL
hsl(300, 34%, 70%)
CMYK
cmyk(0%, 25%, 0%, 20%)
Best text on this color #000000 (CR 8.93:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cc98cc
Contrast 8.93:1 AAA
White on #cc98cc
Contrast 2.35:1 Fail
#cc98cc on Black
Contrast 8.93:1 AAA
#cc98cc on White
Contrast 2.35:1 Fail

Tints & Shades

#d6add6
#e0c1e0
#ebd6eb
#a37aa3
#7a5b7a
#523d52

Complement & Analogous

#98cd98
#cd98b3
#b398cd

Triadic

#cdcd98
#98cdcd

Monochrome

#523d52 #7a5b7a #cc98cc #e0c1e0 #ebd6eb #f5eaf5

Analogous

#b398cd #cab7dc #cc98cc #d7adc2 #cd98b3 #a47a8f

Complementary Mix

#7a5b7a #cc98cc #e0c1e0 #98cd98 #bcdfbc #638563

Nearby Colors

#cc98cb
#cc98cd
#cc98bc
#cc98dc

Embed #CC98CC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #CC98CC

#CC98CC converts to RGB(204, 152, 204) and HSL(300, 34%, 70%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#CC98CC FAQs

What is the RGB value of #CC98CC?
RGB: 204, 152, 204. Copy as CSS: rgb(204, 152, 204)
Is #CC98CC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CC98CC?
Complement: #98cd98.
Does #CC98CC have good contrast on white or black?
On white: 2.35:1 (Fails AA). On black: 8.93:1 (AAA (normal text)).