#CA6CD5

#CA6CD5

Color Values

HEX

#CA6CD5

RGB

202, 108, 213

HSL

293.7, 55.6%, 62.9%

HSV

293.7, 49.3%, 83.5%

CMYK

5.2%, 49.3%, 0.0%, 16.5%

OKLCH

0.6767 0.1772 323.3

Properties

Cool Light Nearest: orchid

Color Harmonies

Complementary

#CA6CD5

#77D56C

Analogous

#956CD5

#D56CAB

#CA6CD5

Triadic

#CA6CD5

#D5CA6C

#6CD5CA

Split Complementary

#CA6CD5

#ABD56C

#6CD595

Tetradic

#CA6CD5

#D5956C

#77D56C

#6CABD5

Color Blindness Simulation

Original

#CA6CD5

Protanopia

#A1A0BC

Deuteranopia

#A7AEB6

Tritanopia

#C5A8A3

Achromatopsia

#888888

CSS Usage

background-color: #CA6CD5;
color: #CA6CD5;
border-color: #CA6CD5;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#EBC7EF
300
#DDA0E4
400
#CA6CD5
500
#B839C6
600
#932D9F
700
#75247F
800
#5C1C63
900
#441849
950
#2B0F2E

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

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