#CC676C

#CC676C

Color Values

HEX

#CC676C

RGB

204, 103, 108

HSL

357.0, 49.8%, 60.2%

HSV

357.0, 49.5%, 80.0%

CMYK

0.0%, 49.5%, 47.1%, 20.0%

OKLCH

0.6337 0.1281 18.3

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CC676C

#67CCC7

Analogous

#CC679F

#CC9467

#CC676C

Triadic

#CC676C

#6CCC67

#676CCC

Split Complementary

#CC676C

#67CC94

#679FCC

Tetradic

#CC676C

#9FCC67

#67CCC7

#9467CC

Color Blindness Simulation

Original

#CC676C

Protanopia

#A09F6B

Deuteranopia

#A6AE6A

Tritanopia

#C76A6A

Achromatopsia

#7D7D7D

CSS Usage

background-color: #CC676C;
color: #CC676C;
border-color: #CC676C;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF4F4
100
#F5E6E6
200
#EDCACB
300
#E0A3A6
400
#D07276
500
#BF4046
600
#993338
700
#7A292D
800
#5F2023
900
#461B1D
950
#2C1112

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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