#CC75AD

#CC75AD

Color Values

HEX

#CC75AD

RGB

204, 117, 173

HSL

321.4, 46.0%, 62.9%

HSV

321.4, 42.6%, 80.0%

CMYK

0.0%, 42.6%, 15.2%, 20.0%

OKLCH

0.6753 0.1288 342.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CC75AD

#75CC94

Analogous

#BF75CC

#CC7581

#CC75AD

Triadic

#CC75AD

#ADCC75

#75ADCC

Split Complementary

#CC75AD

#81CC75

#75CCBF

Tetradic

#CC75AD

#CCBF75

#75CC94

#7581CC

Color Blindness Simulation

Original

#CC75AD

Protanopia

#A6A69F

Deuteranopia

#ABB29C

Tritanopia

#C89592

Achromatopsia

#8C8C8C

CSS Usage

background-color: #CC75AD;
color: #CC75AD;
border-color: #CC75AD;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCBE0
300
#DEA6CA
400
#CC75AD
500
#BA4590
600
#953773
700
#772C5C
800
#5D2248
900
#451C36
950
#2B1222

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026