#CA356F

#CA356F

Color Values

HEX

#CA356F

RGB

202, 53, 111

HSL

336.6, 58.4%, 50.0%

HSV

336.6, 73.8%, 79.2%

CMYK

0.0%, 73.8%, 45.0%, 20.8%

OKLCH

0.5705 0.1896 1.9

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#CA356F

#35CA90

Analogous

#CA35BA

#CA4535

#CA356F

Triadic

#CA356F

#6FCA35

#356FCA

Split Complementary

#CA356F

#35CA45

#35BACA

Tetradic

#CA356F

#BACA35

#35CA90

#4535CA

Color Blindness Simulation

Original

#CA356F

Protanopia

#898861

Deuteranopia

#929D5E

Tritanopia

#C35653

Achromatopsia

#595959

CSS Usage

background-color: #CA356F;
color: #CA356F;
border-color: #CA356F;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F7
100
#F6E4EB
200
#F0C6D7
300
#E69EBA
400
#D86A95
500
#CA356F
600
#A22A59
700
#812247
800
#651B38
900
#4A172B
950
#2F0F1B

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026