#CA0271

#CA0271

Color Values

HEX

#CA0271

RGB

202, 2, 113

HSL

326.7, 98.0%, 40.0%

HSV

326.7, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 44.1%, 20.8%

OKLCH

0.5461 0.2219 357.5

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#CA0271

#02CA5B

Analogous

#BF02CA

#CA020D

#CA0271

Triadic

#CA0271

#71CA02

#0271CA

Split Complementary

#CA0271

#0DCA02

#02CABF

Tetradic

#CA0271

#CABF02

#02CA5B

#020DCA

Color Blindness Simulation

Original

#CA0271

Protanopia

#737256

Deuteranopia

#7F8E50

Tritanopia

#C0413C

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEF
200
#FEB8DF
300
#FE86C8
400
#FD44AB
500
#FC038D
600
#CA0271
700
#A2025A
800
#7E0147
900
#5B0635
950
#3A0422

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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