#CA3176

#CA3176

Color Values

HEX

#CA3176

RGB

202, 49, 118

HSL

332.9, 61.0%, 49.2%

HSV

332.9, 75.7%, 79.2%

CMYK

0.0%, 75.7%, 41.6%, 20.8%

OKLCH

0.5694 0.1959 358.3

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CA3176

#31CA85

Analogous

#CA31C3

#CA3831

#CA3176

Triadic

#CA3176

#76CA31

#3176CA

Split Complementary

#CA3176

#31CA38

#31C3CA

Tetradic

#CA3176

#C3CA31

#31CA85

#3831CA

Color Blindness Simulation

Original

#CA3176

Protanopia

#888665

Deuteranopia

#919C61

Tritanopia

#C25855

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4EC
200
#F1C6D9
300
#E79CBE
400
#DA679B
500
#CD3278
600
#A42860
700
#83204D
800
#67193C
900
#4B162E
950
#2F0E1D

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

4.21:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026