#CC689B

#CC689B

Color Values

HEX

#CC689B

RGB

204, 104, 155

HSL

329.4, 49.5%, 60.4%

HSV

329.4, 49.0%, 80.0%

CMYK

0.0%, 49.0%, 24.0%, 20.0%

OKLCH

0.649 0.1392 349.8

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#CC689B

#68CC99

Analogous

#CB68CC

#CC6869

#CC689B

Triadic

#CC689B

#9BCC68

#689BCC

Split Complementary

#CC689B

#69CC68

#68CCCB

Tetradic

#CC689B

#CCCB68

#68CC99

#6869CC

Color Blindness Simulation

Original

#CC689B

Protanopia

#A1A08F

Deuteranopia

#A6AE8C

Tritanopia

#C78583

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADC
300
#E0A4C2
400
#CF72A2
500
#BF4081
600
#983467
700
#7A2952
800
#5F2040
900
#461B31
950
#2C111F

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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