#CC7276

#CC7276

Color Values

HEX

#CC7276

RGB

204, 114, 118

HSL

357.3, 46.9%, 62.4%

HSV

357.3, 44.1%, 80.0%

CMYK

0.0%, 44.1%, 42.2%, 20.0%

OKLCH

0.6534 0.1133 17.8

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CC7276

#72CCC8

Analogous

#CC72A3

#CC9B72

#CC7276

Triadic

#CC7276

#76CC72

#7276CC

Split Complementary

#CC7276

#72CC9B

#72A3CC

Tetradic

#CC7276

#A3CC72

#72CCC8

#9B72CC

Color Blindness Simulation

Original

#CC7276

Protanopia

#A5A475

Deuteranopia

#AAB175

Tritanopia

#C77474

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCC
300
#DFA5A8
400
#CD7478
500
#BB4449
600
#96363A
700
#782B2F
800
#5E2225
900
#451C1E
950
#2C1213

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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