#CA5CE6

#CA5CE6

Color Values

HEX

#CA5CE6

RGB

202, 92, 230

HSL

287.8, 73.4%, 63.1%

HSV

287.8, 60.0%, 90.2%

CMYK

12.2%, 60.0%, 0.0%, 9.8%

OKLCH

0.6648 0.2175 319.0

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#CA5CE6

#78E65C

Analogous

#855CE6

#E65CBD

#CA5CE6

Triadic

#CA5CE6

#E6CA5C

#5CE6CA

Split Complementary

#CA5CE6

#BDE65C

#5CE685

Tetradic

#CA5CE6

#E6855C

#78E65C

#5CBDE6

Color Blindness Simulation

Original

#CA5CE6

Protanopia

#9A99C5

Deuteranopia

#A1A9BD

Tritanopia

#C4AAA4

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F4E2F8
200
#EBC1F6
300
#DC95EF
400
#CA5BE6
500
#B722DD
600
#921BB1
700
#75168D
800
#5C116F
900
#431050
950
#2B0A33

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

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