#D3ACFE

#D3ACFE

Color Values

HEX

#D3ACFE

RGB

211, 172, 254

HSL

268.5, 97.6%, 83.5%

HSV

268.5, 32.3%, 99.6%

CMYK

16.9%, 32.3%, 0.0%, 0.4%

OKLCH

0.808 0.1199 305.7

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#D3ACFE

#D7FEAC

Analogous

#ACAEFE

#FCACFE

#D3ACFE

Triadic

#D3ACFE

#FED3AC

#ACFED3

Split Complementary

#D3ACFE

#FEFCAC

#AEFEAC

Tetradic

#D3ACFE

#FEACAE

#D7FEAC

#ACFEFC

Color Blindness Simulation

Original

#D3ACFE

Protanopia

#C2C2EA

Deuteranopia

#C4C7E5

Tritanopia

#D1DAD7

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#DAB8FE
300
#BF86FE
400
#9C45FD
500
#7903FC
600
#6102CA
700
#4E02A1
800
#3D027E
900
#2E065B
950
#1D0439

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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