#CC7A71

#CC7A71

Color Values

HEX

#CC7A71

RGB

204, 122, 113

HSL

5.9, 47.2%, 62.2%

HSV

5.9, 44.6%, 80.0%

CMYK

0.0%, 40.2%, 44.6%, 20.0%

OKLCH

0.6656 0.1041 26.9

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CC7A71

#71C3CC

Analogous

#CC7196

#CCA871

#CC7A71

Triadic

#CC7A71

#71CC7A

#7A71CC

Split Complementary

#CC7A71

#71CCA8

#7196CC

Tetradic

#CC7A71

#96CC71

#71C3CC

#A871CC

Color Blindness Simulation

Original

#CC7A71

Protanopia

#A8A873

Deuteranopia

#ADB374

Tritanopia

#C87575

Achromatopsia

#8B8B8B

CSS Usage

background-color: #CC7A71;
color: #CC7A71;
border-color: #CC7A71;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCECA
300
#DFABA5
400
#CD7D74
500
#BC4F43
600
#963F36
700
#78332B
800
#5E2822
900
#45201C
950
#2C1412

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026