#CA93F2

#CA93F2

Color Values

HEX

#CA93F2

RGB

202, 147, 242

HSL

274.7, 78.5%, 76.3%

HSV

274.7, 39.3%, 94.9%

CMYK

16.5%, 39.3%, 0.0%, 5.1%

OKLCH

0.7511 0.1438 309.9

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#CA93F2

#BBF293

Analogous

#9B93F2

#F293EB

#CA93F2

Triadic

#CA93F2

#F2CA93

#93F2CA

Split Complementary

#CA93F2

#EBF293

#93F29B

Tetradic

#CA93F2

#F29B93

#BBF293

#93EBF2

Color Blindness Simulation

Original

#CA93F2

Protanopia

#B2B2DB

Deuteranopia

#B5B9D5

Tritanopia

#C7C9C5

Achromatopsia

#A6A6A6

CSS Usage

background-color: #CA93F2;
color: #CA93F2;
border-color: #CA93F2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E0BFF7
300
#C992F2
400
#AC57EB
500
#8F1BE4
600
#7316B6
700
#5C1292
800
#480E72
900
#360E53
950
#220934

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026