#D2ACF6

#D2ACF6

Color Values

HEX

#D2ACF6

RGB

210, 172, 246

HSL

270,8, 80,4%, 82,0%

HSV

270,8, 30,1%, 96,5%

CMYK

14,6%, 30,1%, 0,0%, 3,5%

OKLCH

0,8038 0,1096 307,5

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D2ACF6

#D0F6AC

Analogous

#ADACF6

#F6ACF5

#D2ACF6

Triadic

#D2ACF6

#F6D2AC

#ACF6D2

Split Complementary

#D2ACF6

#F5F6AC

#ACF6AD

Tetradic

#D2ACF6

#F6ADAC

#D0F6AC

#ACF5F6

Color Blindness Simulation

Original

#D2ACF6

Protanopia

#C2C1E4

Deuteranopia

#C4C7E0

Tritanopia

#D0D6D3

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DCBFF8
300
#C391F3
400
#A355ED
500
#8219E6
600
#6814B8
700
#531093
800
#410C73
900
#310D54
950
#1F0835

Contrast Checker

Text on white

1,91:1

AA Fail AAA Fail

Text on black

10,97: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