#CC7698

#CC7698

Color Values

HEX

#CC7698

RGB

204, 118, 152

HSL

336.3, 45.7%, 63.1%

HSV

336.3, 42.2%, 80.0%

CMYK

0.0%, 42.2%, 25.5%, 20.0%

OKLCH

0.6696 0.1145 355.5

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CC7698

#76CCAA

Analogous

#CC76C3

#CC7F76

#CC7698

Triadic

#CC7698

#98CC76

#7698CC

Split Complementary

#CC7698

#76CC7F

#76C3CC

Tetradic

#CC7698

#C3CC76

#76CCAA

#7F76CC

Color Blindness Simulation

Original

#CC7698

Protanopia

#A7A690

Deuteranopia

#ACB28E

Tritanopia

#C88988

Achromatopsia

#8B8B8B

CSS Usage

background-color: #CC7698;
color: #CC7698;
border-color: #CC7698;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CC7698
500
#BA4573
600
#95375C
700
#772C4A
800
#5D233A
900
#441D2C
950
#2B121C

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.61:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026