#CC77A2

#CC77A2

Color Values

HEX

#CC77A2

RGB

204, 119, 162

HSL

329.6, 45.5%, 63.3%

HSV

329.6, 41.7%, 80.0%

CMYK

0.0%, 41.7%, 20.6%, 20.0%

OKLCH

0.6745 0.1181 349.1

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CC77A2

#77CCA1

Analogous

#CB77CC

#CC7777

#CC77A2

Triadic

#CC77A2

#A2CC77

#77A2CC

Split Complementary

#CC77A2

#77CC77

#77CCCB

Tetradic

#CC77A2

#CCCB77

#77CCA1

#7777CC

Color Blindness Simulation

Original

#CC77A2

Protanopia

#A7A698

Deuteranopia

#ACB295

Tritanopia

#C88F8E

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDC
300
#DEA6C2
400
#CC76A1
500
#BA4580
600
#943867
700
#772C52
800
#5D2340
900
#441D31
950
#2B121F

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

6.73: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