#D2ABB5

#D2ABB5

Color Values

HEX

#D2ABB5

RGB

210, 171, 181

HSL

344,6, 30,2%, 74,7%

HSV

344,6, 18,6%, 82,4%

CMYK

0,0%, 18,6%, 13,8%, 17,6%

OKLCH

0,7789 0,0473 1,1

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#D2ABB5

#ABD2C8

Analogous

#D2ABC8

#D2B4AB

#D2ABB5

Triadic

#D2ABB5

#B5D2AB

#ABB5D2

Split Complementary

#D2ABB5

#ABD2B4

#ABC8D2

Tetradic

#D2ABB5

#C8D2AB

#ABD2C8

#B4ABD2

Color Blindness Simulation

Original

#D2ABB5

Protanopia

#C1C1B3

Deuteranopia

#C3C6B2

Tritanopia

#D0B1B0

Achromatopsia

#B4B4B4

CSS Usage

background-color: #D2ABB5;
color: #D2ABB5;
border-color: #D2ABB5;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#F9F5F6
100
#F2E9EB
200
#E6D1D6
300
#D4AFB9
400
#BD8493
500
#A6596D
600
#854757
700
#6A3946
800
#532C36
900
#3E232A
950
#27161B

Contrast Checker

Text on white

2,05:1

AA Fail AAA Fail

Text on black

10,23:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026