#CC7BAA

#CC7BAA

Color Values

HEX

#CC7BAA

RGB

204, 123, 170

HSL

325.2, 44.3%, 64.1%

HSV

325.2, 39.7%, 80.0%

CMYK

0.0%, 39.7%, 16.7%, 20.0%

OKLCH

0.6837 0.1162 344.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CC7BAA

#7BCC9D

Analogous

#C67BCC

#CC7B81

#CC7BAA

Triadic

#CC7BAA

#AACC7B

#7BAACC

Split Complementary

#CC7BAA

#81CC7B

#7BCCC6

Tetradic

#CC7BAA

#CCC67B

#7BCC9D

#7B81CC

Color Blindness Simulation

Original

#CC7BAA

Protanopia

#A9A89F

Deuteranopia

#AEB49C

Tritanopia

#C89694

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDE
300
#DDA7C6
400
#CA77A7
500
#B84789
600
#93396D
700
#762D57
800
#5C2444
900
#441D34
950
#2B1221

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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