#CA1AC4

#CA1AC4

Color Values

HEX

#CA1AC4

RGB

202, 26, 196

HSL

302.0, 77.2%, 44.7%

HSV

302.0, 87.1%, 79.2%

CMYK

0.0%, 87.1%, 3.0%, 20.8%

OKLCH

0.5917 0.2577 329.9

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CA1AC4

#1ACA20

Analogous

#781ACA

#CA1A6C

#CA1AC4

Triadic

#CA1AC4

#C4CA1A

#1AC4CA

Split Complementary

#CA1AC4

#6CCA1A

#1ACA78

Tetradic

#CA1AC4

#CA781A

#1ACA20

#1A6CCA

Color Blindness Simulation

Original

#CA1AC4

Protanopia

#7E7C9B

Deuteranopia

#889591

Tritanopia

#C17A73

Achromatopsia

#4C4C4C

CSS Usage

background-color: #CA1AC4;
color: #CA1AC4;
border-color: #CA1AC4;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF2FC
100
#F9E1F8
200
#F7C0F5
300
#F193EE
400
#E958E5
500
#E21DDB
600
#B517AF
700
#91138C
800
#710F6E
900
#520F50
950
#340932

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

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