#CA54C6

#CA54C6

Color Values

HEX

#CA54C6

RGB

202, 84, 198

HSL

302.0, 52.7%, 56.1%

HSV

302.0, 58.4%, 79.2%

CMYK

0.0%, 58.4%, 2.0%, 20.8%

OKLCH

0.6382 0.2006 329.0

Properties

Warm Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#CA54C6

#54CA58

Analogous

#9354CA

#CA548B

#CA54C6

Triadic

#CA54C6

#C6CA54

#54C6CA

Split Complementary

#CA54C6

#8BCA54

#54CA93

Tetradic

#CA54C6

#CA9354

#54CA58

#548BCA

Color Blindness Simulation

Original

#CA54C6

Protanopia

#9796AA

Deuteranopia

#9EA7A4

Tritanopia

#C49590

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EEC8ED
300
#E2A2E0
400
#D26FCF
500
#C33CBE
600
#9C3098
700
#7D277A
800
#611E5F
900
#471946
950
#2D102C

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.59:1

AA Pass AAA Fail

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