#CA9CED

#CA9CED

Color Values

HEX

#CA9CED

RGB

202, 156, 237

HSL

274.1, 69.2%, 77.1%

HSV

274.1, 34.2%, 92.9%

CMYK

14.8%, 34.2%, 0.0%, 7.1%

OKLCH

0.7642 0.1227 309.7

Properties

Cool Light Nearest: plum

Color Harmonies

Complementary

#CA9CED

#BFED9C

Analogous

#A29CED

#ED9CE7

#CA9CED

Triadic

#CA9CED

#EDCA9C

#9CEDCA

Split Complementary

#CA9CED

#E7ED9C

#9CEDA2

Tetradic

#CA9CED

#EDA29C

#BFED9C

#9CE7ED

Color Blindness Simulation

Original

#CA9CED

Protanopia

#B6B6D9

Deuteranopia

#B9BCD5

Tritanopia

#C8CAC7

Achromatopsia

#ACACAC

CSS Usage

background-color: #CA9CED;
color: #CA9CED;
border-color: #CA9CED;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F3FC
100
#EFE3F8
200
#DFC3F4
300
#C897EC
400
#AA5FE2
500
#8C27D8
600
#701FAD
700
#59198A
800
#46146C
900
#35124F
950
#210C32

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.49:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026