#D3AFD2

#D3AFD2

Color Values

HEX

#D3AFD2

RGB

211, 175, 210

HSL

301,7, 29,0%, 75,7%

HSV

301,7, 17,1%, 82,7%

CMYK

0,0%, 17,1%, 0,5%, 17,3%

OKLCH

0,7966 0,0628 327,0

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#D3AFD2

#AFD3B0

Analogous

#C2AFD3

#D3AFC0

#D3AFD2

Triadic

#D3AFD2

#D2D3AF

#AFD2D3

Split Complementary

#D3AFD2

#C0D3AF

#AFD3C2

Tetradic

#D3AFD2

#D3C2AF

#AFD3B0

#AFC0D3

Color Blindness Simulation

Original

#D3AFD2

Protanopia

#C3C3CA

Deuteranopia

#C6C8C8

Tritanopia

#D1C3C1

Achromatopsia

#B9B9B9

CSS Usage

background-color: #D3AFD2;
color: #D3AFD2;
border-color: #D3AFD2;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D1E5
300
#D4B0D3
400
#BC85BA
500
#A45BA2
600
#844882
700
#693A68
800
#522D51
900
#3D243C
950
#271726

Contrast Checker

Text on white

1,94:1

AA Fail AAA Fail

Text on black

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