#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026