#CA358F

#CA358F

Color Values

HEX

#CA358F

RGB

202, 53, 143

HSL

323.8, 58.4%, 50.0%

HSV

323.8, 73.8%, 79.2%

CMYK

0.0%, 73.8%, 29.2%, 20.8%

OKLCH

0.5818 0.2029 348.3

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#CA358F

#35CA70

Analogous

#BB35CA

#CA3544

#CA358F

Triadic

#CA358F

#8FCA35

#358FCA

Split Complementary

#CA358F

#44CA35

#35CABB

Tetradic

#CA358F

#CABB35

#35CA70

#3544CA

Color Blindness Simulation

Original

#CA358F

Protanopia

#898879

Deuteranopia

#929D74

Tritanopia

#C36864

Achromatopsia

#5B5B5B

CSS Usage

background-color: #CA358F;
color: #CA358F;
border-color: #CA358F;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF4F8
100
#F6E4EF
200
#F0C6E0
300
#E69EC9
400
#D86AAC
500
#CA358F
600
#A22A72
700
#81225B
800
#651B47
900
#4A1736
950
#2F0F22

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

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