#CA307D

#CA307D

Color Values

HEX

#CA307D

RGB

202, 48, 125

HSL

330.0, 61.6%, 49.0%

HSV

330.0, 76.2%, 79.2%

CMYK

0.0%, 76.2%, 38.1%, 20.8%

OKLCH

0.571 0.1996 355.2

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CA307D

#30CA7D

Analogous

#CA30CA

#CA3030

#CA307D

Triadic

#CA307D

#7DCA30

#307DCA

Split Complementary

#CA307D

#30CA30

#30CACA

Tetradic

#CA307D

#CACA30

#30CA7D

#3030CA

Color Blindness Simulation

Original

#CA307D

Protanopia

#87866A

Deuteranopia

#909C66

Tritanopia

#C25C58

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F1C5DB
300
#E79CC2
400
#DB67A1
500
#CE3180
600
#A52766
700
#841F52
800
#671840
900
#4B1630
950
#300E1F

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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