#CA025C

#CA025C

Color Values

HEX

#CA025C

RGB

202, 2, 92

HSL

333.0, 98.0%, 40.0%

HSV

333.0, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 54.5%, 20.8%

OKLCH

0.5396 0.2159 5.7

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#CA025C

#02CA70

Analogous

#CA02C0

#CA0C02

#CA025C

Triadic

#CA025C

#5CCA02

#025CCA

Split Complementary

#CA025C

#02CA0C

#02C0CA

Tetradic

#CA025C

#C0CA02

#02CA70

#0C02CA

Color Blindness Simulation

Original

#CA025C

Protanopia

#737246

Deuteranopia

#7F8E41

Tritanopia

#C03531

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEEC
200
#FEB8D8
300
#FE86BC
400
#FD4497
500
#FC0373
600
#CA025C
700
#A2024A
800
#7E013A
900
#5B062C
950
#3A041C

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

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