#CC2972

#CC2972

Color Values

HEX

#CC2972

RGB

204, 41, 114

HSL

333.1, 66.5%, 48.0%

HSV

333.1, 79.9%, 80.0%

CMYK

0.0%, 79.9%, 44.1%, 20.0%

OKLCH

0.5655 0.2035 359.6

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#CC2972

#29CC83

Analogous

#CC29C3

#CC3129

#CC2972

Triadic

#CC2972

#72CC29

#2972CC

Split Complementary

#CC2972

#29CC31

#29C3CC

Tetradic

#CC2972

#C3CC29

#29CC83

#3129CC

Color Blindness Simulation

Original

#CC2972

Protanopia

#858460

Deuteranopia

#8F9B5C

Tritanopia

#C4524F

Achromatopsia

#515151

CSS Usage

background-color: #CC2972;
color: #CC2972;
border-color: #CC2972;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C4D9
300
#EA99BE
400
#DF629A
500
#D42B77
600
#AA225F
700
#881B4C
800
#6A153B
900
#4D132D
950
#310C1D

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail 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