#CDACF3

#CDACF3

Color Values

HEX

#CDACF3

RGB

205, 172, 243

HSL

267,9, 74,7%, 81,4%

HSV

267,9, 29,2%, 95,3%

CMYK

15,6%, 29,2%, 0,0%, 4,7%

OKLCH

0,798 0,1042 305,4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#CDACF3

#D2F3AC

Analogous

#ACAFF3

#F1ACF3

#CDACF3

Triadic

#CDACF3

#F3CDAC

#ACF3CD

Split Complementary

#CDACF3

#F3F1AC

#AFF3AC

Tetradic

#CDACF3

#F3ACAF

#D2F3AC

#ACF3F1

Color Blindness Simulation

Original

#CDACF3

Protanopia

#BFBEE2

Deuteranopia

#C1C3DE

Tritanopia

#CBD4D1

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#ECE2F8
200
#D9C1F6
300
#BF94F0
400
#9C5AE7
500
#7920DF
600
#611AB2
700
#4D158F
800
#3C106F
900
#2E1051
950
#1D0A33

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026