#CA93FC

#CA93FC

Color Values

HEX

#CA93FC

RGB

202, 147, 252

HSL

271.4, 94.6%, 78.2%

HSV

271.4, 41.7%, 98.8%

CMYK

19.8%, 41.7%, 0.0%, 1.2%

OKLCH

0.7558 0.1557 307.2

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#CA93FC

#C5FC93

Analogous

#9593FC

#FC93FA

#CA93FC

Triadic

#CA93FC

#FCCA93

#93FCCA

Split Complementary

#CA93FC

#FAFC93

#93FC95

Tetradic

#CA93FC

#FC9593

#C5FC93

#93FAFC

Color Blindness Simulation

Original

#CA93FC

Protanopia

#B2B2E3

Deuteranopia

#B5B9DC

Tritanopia

#C7CFCA

Achromatopsia

#A6A6A6

CSS Usage

background-color: #CA93FC;
color: #CA93FC;
border-color: #CA93FC;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F1FE
100
#EEDFFC
200
#DDBAFD
300
#C588FC
400
#A547FA
500
#8507F8
600
#6B06C6
700
#55049F
800
#43037C
900
#32075A
950
#200539

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.09:1

AA Pass AAA Pass

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