#CA8FCE

#CA8FCE

Color Values

HEX

#CA8FCE

RGB

202, 143, 206

HSL

296.2, 39.1%, 68.4%

HSV

296.2, 30.6%, 80.8%

CMYK

1.9%, 30.6%, 0.0%, 19.2%

OKLCH

0.7287 0.1101 324.5

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#CA8FCE

#93CE8F

Analogous

#AA8FCE

#CE8FB2

#CA8FCE

Triadic

#CA8FCE

#CECA8F

#8FCECA

Split Complementary

#CA8FCE

#B2CE8F

#8FCEAA

Tetradic

#CA8FCE

#CEAA8F

#93CE8F

#8FB2CE

Color Blindness Simulation

Original

#CA8FCE

Protanopia

#B0B0BF

Deuteranopia

#B4B8BB

Tritanopia

#C7B3B0

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E7CDE9
300
#D7AADA
400
#C17CC6
500
#AB4EB1
600
#893E8E
700
#6D3272
800
#562759
900
#3F1F41
950
#281429

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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