#CDAEF4

#CDAEF4

Color Values

HEX

#CDAEF4

RGB

205, 174, 244

HSL

266.6, 76.1%, 82.0%

HSV

266.6, 28.7%, 95.7%

CMYK

16.0%, 28.7%, 0.0%, 4.3%

OKLCH

0.8021 0.1022 304.5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CDAEF4

#D5F4AE

Analogous

#AEB2F4

#F0AEF4

#CDAEF4

Triadic

#CDAEF4

#F4CDAE

#AEF4CD

Split Complementary

#CDAEF4

#F4F0AE

#B2F4AE

Tetradic

#CDAEF4

#F4AEB2

#D5F4AE

#AEF4F0

Color Blindness Simulation

Original

#CDAEF4

Protanopia

#C0BFE3

Deuteranopia

#C1C4DF

Tritanopia

#CBD6D3

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D8C0F6
300
#BD93F0
400
#9959E8
500
#751EE1
600
#5D18B4
700
#4B1490
800
#3A0F70
900
#2D0F52
950
#1C0A34

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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