#CC7BAB

#CC7BAB

Color Values

HEX

#CC7BAB

RGB

204, 123, 171

HSL

324.4, 44.3%, 64.1%

HSV

324.4, 39.7%, 80.0%

CMYK

0.0%, 39.7%, 16.2%, 20.0%

OKLCH

0.6841 0.1169 344.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CC7BAB

#7BCC9C

Analogous

#C47BCC

#CC7B82

#CC7BAB

Triadic

#CC7BAB

#ABCC7B

#7BABCC

Split Complementary

#CC7BAB

#82CC7B

#7BCCC4

Tetradic

#CC7BAB

#CCC47B

#7BCC9C

#7B82CC

Color Blindness Simulation

Original

#CC7BAB

Protanopia

#A9A89F

Deuteranopia

#AEB49D

Tritanopia

#C89694

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDE
300
#DDA7C7
400
#CA77A8
500
#B8478A
600
#93396E
700
#762D58
800
#5C2445
900
#441D34
950
#2B1221

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026