#CC749A

#CC749A

Color Values

HEX

#CC749A

RGB

204, 116, 154

HSL

334.1, 46.3%, 62.7%

HSV

334.1, 43.1%, 80.0%

CMYK

0.0%, 43.1%, 24.5%, 20.0%

OKLCH

0.667 0.1188 353.5

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CC749A

#74CCA6

Analogous

#CC74C6

#CC7A74

#CC749A

Triadic

#CC749A

#9ACC74

#749ACC

Split Complementary

#CC749A

#74CC7A

#74C6CC

Tetradic

#CC749A

#C6CC74

#74CCA6

#7A74CC

Color Blindness Simulation

Original

#CC749A

Protanopia

#A6A591

Deuteranopia

#ABB28F

Tritanopia

#C88A88

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DEA5BE
400
#CC759B
500
#BB4477
600
#953760
700
#772C4C
800
#5D223C
900
#451C2E
950
#2B121D

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

6.53:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026