#D3B2CF

#D3B2CF

Color Values

HEX

#D3B2CF

RGB

211, 178, 207

HSL

307,3, 27,3%, 76,3%

HSV

307,3, 15,6%, 82,7%

CMYK

0,0%, 15,6%, 1,9%, 17,3%

OKLCH

0,8012 0,0544 330,1

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#D3B2CF

#B2D3B6

Analogous

#C7B2D3

#D3B2BF

#D3B2CF

Triadic

#D3B2CF

#CFD3B2

#B2CFD3

Split Complementary

#D3B2CF

#BFD3B2

#B2D3C7

Tetradic

#D3B2CF

#D3C7B2

#B2D3B6

#B2BFD3

Color Blindness Simulation

Original

#D3B2CF

Protanopia

#C5C4C8

Deuteranopia

#C7C9C6

Tritanopia

#D1C2C1

Achromatopsia

#BBBBBB

CSS Usage

background-color: #D3B2CF;
color: #D3B2CF;
border-color: #D3B2CF;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#F9F6F9
100
#F1E9F0
200
#E5D2E3
300
#D3B1CE
400
#BA87B4
500
#A25D9A
600
#824A7B
700
#683B62
800
#512E4D
900
#3C2539
950
#261724

Contrast Checker

Text on white

1,9:1

AA Fail AAA Fail

Text on black

11,04: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