#CDAAF7

#CDAAF7

Color Values

HEX

#CDAAF7

RGB

205, 170, 247

HSL

267.3, 82.8%, 81.8%

HSV

267.3, 31.2%, 96.9%

CMYK

17.0%, 31.2%, 0.0%, 3.1%

OKLCH

0.7961 0.1126 304.8

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CDAAF7

#D4F7AA

Analogous

#AAAEF7

#F4AAF7

#CDAAF7

Triadic

#CDAAF7

#F7CDAA

#AAF7CD

Split Complementary

#CDAAF7

#F7F4AA

#AEF7AA

Tetradic

#CDAAF7

#F7AAAE

#D4F7AA

#AAF7F4

Color Blindness Simulation

Original

#CDAAF7

Protanopia

#BEBEE4

Deuteranopia

#C0C2E0

Tritanopia

#CBD6D2

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE1FA
200
#D9BEF9
300
#BD8FF4
400
#9A53EF
500
#7616E9
600
#5E12BA
700
#4C0E95
800
#3B0B75
900
#2D0C55
950
#1D0835

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026