#CA026F

#CA026F

Color Values

HEX

#CA026F

RGB

202, 2, 111

HSL

327.3, 98.0%, 40.0%

HSV

327.3, 99.0%, 79.2%

CMYK

0.0%, 99.0%, 45.0%, 20.8%

OKLCH

0.5454 0.2212 358.3

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#CA026F

#02CA5D

Analogous

#C102CA

#CA020B

#CA026F

Triadic

#CA026F

#6FCA02

#026FCA

Split Complementary

#CA026F

#0BCA02

#02CAC1

Tetradic

#CA026F

#CAC102

#02CA5D

#020BCA

Color Blindness Simulation

Original

#CA026F

Protanopia

#737255

Deuteranopia

#7F8E4E

Tritanopia

#C0403B

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDEEE
200
#FEB8DE
300
#FE86C7
400
#FD44A9
500
#FC038B
600
#CA026F
700
#A20259
800
#7E0145
900
#5B0634
950
#3A0421

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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