#CA96F1

#CA96F1

Color Values

HEX

#CA96F1

RGB

202, 150, 241

HSL

274.3, 76.5%, 76.7%

HSV

274.3, 37.8%, 94.5%

CMYK

16.2%, 37.8%, 0.0%, 5.5%

OKLCH

0.7557 0.1376 309.7

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#CA96F1

#BDF196

Analogous

#9D96F1

#F196EB

#CA96F1

Triadic

#CA96F1

#F1CA96

#96F1CA

Split Complementary

#CA96F1

#EBF196

#96F19D

Tetradic

#CA96F1

#F19D96

#BDF196

#96EBF1

Color Blindness Simulation

Original

#CA96F1

Protanopia

#B3B3DB

Deuteranopia

#B6BAD6

Tritanopia

#C7CAC6

Achromatopsia

#A8A8A8

CSS Usage

background-color: #CA96F1;
color: #CA96F1;
border-color: #CA96F1;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#DFC0F7
300
#C993F1
400
#AB58E9
500
#8D1EE1
600
#7118B4
700
#5B1390
800
#470F71
900
#350F52
950
#220A34

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.14:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026