#D3ABC3

#D3ABC3

Color Values

HEX

#D3ABC3

RGB

211, 171, 195

HSL

324,0, 31,2%, 74,9%

HSV

324,0, 19,0%, 82,7%

CMYK

0,0%, 19,0%, 7,6%, 17,3%

OKLCH

0,7841 0,0564 341,8

Properties

Warm Light Nearest: thistle 3

Color Harmonies

Complementary

#D3ABC3

#ABD3BB

Analogous

#CFABD3

#D3ABAF

#D3ABC3

Triadic

#D3ABC3

#C3D3AB

#ABC3D3

Split Complementary

#D3ABC3

#AFD3AB

#ABD3CF

Tetradic

#D3ABC3

#D3CFAB

#ABD3BB

#ABAFD3

Color Blindness Simulation

Original

#D3ABC3

Protanopia

#C2C1BD

Deuteranopia

#C4C7BC

Tritanopia

#D1B9B8

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E8EE
200
#E6D0DE
300
#D5AFC6
400
#BE83A7
500
#A75887
600
#86466C
700
#6B3857
800
#542C44
900
#3E2333
950
#271620

Contrast Checker

Text on white

2,02:1

AA Fail AAA Fail

Text on black

10,38:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026