#CA6EC5

#CA6EC5

Color Values

HEX

#CA6EC5

RGB

202, 110, 197

HSL

303.3, 46.5%, 61.2%

HSV

303.3, 45.5%, 79.2%

CMYK

0.0%, 45.5%, 2.5%, 20.8%

OKLCH

0.6721 0.159 329.2

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#CA6EC5

#6ECA73

Analogous

#A16ECA

#CA6E97

#CA6EC5

Triadic

#CA6EC5

#C5CA6E

#6EC5CA

Split Complementary

#CA6EC5

#97CA6E

#6ECAA1

Tetradic

#CA6EC5

#CAA16E

#6ECA73

#6E97CA

Color Blindness Simulation

Original

#CA6EC5

Protanopia

#A2A1B0

Deuteranopia

#A8AEAB

Tritanopia

#C59F9C

Achromatopsia

#888888

CSS Usage

background-color: #CA6EC5;
color: #CA6EC5;
border-color: #CA6EC5;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBEA
300
#DEA5DB
400
#CD75C8
500
#BB44B4
600
#953790
700
#782C73
800
#5D225A
900
#451C42
950
#2B122A

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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