#CAAAD7

#CAAAD7

Color Values

HEX

#CAAAD7

RGB

202, 170, 215

HSL

282.7, 36.0%, 75.5%

HSV

282.7, 20.9%, 84.3%

CMYK

6.0%, 20.9%, 0.0%, 15.7%

OKLCH

0.7808 0.0718 316.1

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CAAAD7

#B7D7AA

Analogous

#B4AAD7

#D7AACD

#CAAAD7

Triadic

#CAAAD7

#D7CAAA

#AAD7CA

Split Complementary

#CAAAD7

#CDD7AA

#AAD7B4

Tetradic

#CAAAD7

#D7B4AA

#B7D7AA

#AACDD7

Color Blindness Simulation

Original

#CAAAD7

Protanopia

#BCBCCC

Deuteranopia

#BEC0CA

Tritanopia

#C8C4C2

Achromatopsia

#B4B4B4

CSS Usage

background-color: #CAAAD7;
color: #CAAAD7;
border-color: #CAAAD7;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E1CEE8
300
#CBACD8
400
#AF7FC3
500
#9352AD
600
#76418B
700
#5E346F
800
#492957
900
#372140
950
#231529

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026