#CA3ACD

#CA3ACD

Color Values

HEX

#CA3ACD

RGB

202, 58, 205

HSL

298.8, 59.5%, 51.6%

HSV

298.8, 71.7%, 80.4%

CMYK

1.5%, 71.7%, 0.0%, 19.6%

OKLCH

0.6161 0.2387 327.1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#CA3ACD

#3DCD3A

Analogous

#813ACD

#CD3A87

#CA3ACD

Triadic

#CA3ACD

#CDCA3A

#3ACDCA

Split Complementary

#CA3ACD

#87CD3A

#3ACD81

Tetradic

#CA3ACD

#CD813A

#3DCD3A

#3A87CD

Color Blindness Simulation

Original

#CA3ACD

Protanopia

#8C8AA9

Deuteranopia

#949FA1

Tritanopia

#C38D87

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F0C6F1
300
#E59DE6
400
#D769D9
500
#C834CB
600
#A029A3
700
#802182
800
#641A66
900
#49174A
950
#2E0E2F

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

AA Pass 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