#CA5FE3

#CA5FE3

Color Values

HEX

#CA5FE3

RGB

202, 95, 227

HSL

288.6, 70.2%, 63.1%

HSV

288.6, 58.1%, 89.0%

CMYK

11.0%, 58.1%, 0.0%, 11.0%

OKLCH

0.6667 0.2105 319.7

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#CA5FE3

#78E35F

Analogous

#885FE3

#E35FBA

#CA5FE3

Triadic

#CA5FE3

#E3CA5F

#5FE3CA

Split Complementary

#CA5FE3

#BAE35F

#5FE388

Tetradic

#CA5FE3

#E3885F

#78E35F

#5FBAE3

Color Blindness Simulation

Original

#CA5FE3

Protanopia

#9C9BC3

Deuteranopia

#A2AABB

Tritanopia

#C5AAA4

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F4E2F8
200
#EBC2F4
300
#DC97ED
400
#CA5EE3
500
#B726D9
600
#921EAE
700
#75188B
800
#5B136D
900
#43124F
950
#2B0B32

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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