#CA1575

#CA1575

Color Values

HEX

#CA1575

RGB

202, 21, 117

HSL

328.2, 81.2%, 43.7%

HSV

328.2, 89.6%, 79.2%

CMYK

0.0%, 89.6%, 42.1%, 20.8%

OKLCH

0.5526 0.2166 356.6

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#CA1575

#15CA6A

Analogous

#C415CA

#CA151A

#CA1575

Triadic

#CA1575

#75CA15

#1575CA

Split Complementary

#CA1575

#1ACA15

#15CAC4

Tetradic

#CA1575

#CAC415

#15CA6A

#151ACA

Color Blindness Simulation

Original

#CA1575

Protanopia

#7C7A5E

Deuteranopia

#869458

Tritanopia

#C14B47

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#F9E1EE
200
#F8BEDD
300
#F390C5
400
#ED54A5
500
#E71886
600
#B9136B
700
#940F56
800
#740C43
900
#540D33
950
#350820

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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