#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