#CAAADC

#CAAADC

Color Values

HEX

#CAAADC

RGB

202, 170, 220

HSL

278.4, 41.7%, 76.5%

HSV

278.4, 22.7%, 86.3%

CMYK

8.2%, 22.7%, 0.0%, 13.7%

OKLCH

0.7826 0.0778 313.3

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CAAADC

#BCDCAA

Analogous

#B1AADC

#DCAAD5

#CAAADC

Triadic

#CAAADC

#DCCAAA

#AADCCA

Split Complementary

#CAAADC

#D5DCAA

#AADCB1

Tetradic

#CAAADC

#DCB1AA

#BCDCAA

#AAD5DC

Color Blindness Simulation

Original

#CAAADC

Protanopia

#BCBCD0

Deuteranopia

#BEC0CD

Tritanopia

#C8C6C4

Achromatopsia

#B4B4B4

CSS Usage

background-color: #CAAADC;
color: #CAAADC;
border-color: #CAAADC;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#DFCCEA
300
#C9A8DB
400
#AC79C8
500
#8E4AB5
600
#723B91
700
#5B3074
800
#47255A
900
#361E43
950
#22132A

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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