#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

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