#DFB6D1

#DFB6D1

Color Values

HEX

#DFB6D1

RGB

223, 182, 209

HSL

320.5, 39.0%, 79.4%

HSV

320.5, 18.4%, 87.5%

CMYK

0.0%, 18.4%, 6.3%, 12.5%

OKLCH

0.8204 0.059 339.0

Properties

Warm Light Nearest: thistle

Color Harmonies

Complementary

#DFB6D1

#B6DFC4

Analogous

#D8B6DF

#DFB6BC

#DFB6D1

Triadic

#DFB6D1

#D1DFB6

#B6D1DF

Split Complementary

#DFB6D1

#BCDFB6

#B6DFD8

Tetradic

#DFB6D1

#DFD8B6

#B6DFC4

#B6BCDF

Color Blindness Simulation

Original

#DFB6D1

Protanopia

#CDCDCA

Deuteranopia

#D0D3C9

Tritanopia

#DDC5C4

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E7EF
200
#E9CDE0
300
#DAAAC9
400
#C57CAC
500
#B14E8F
600
#8E3E73
700
#71325C
800
#592748
900
#411F36
950
#291422

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.75: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