#DFB6C2

#DFB6C2

Color Values

HEX

#DFB6C2

RGB

223, 182, 194

HSL

342.4, 39.0%, 79.4%

HSV

342.4, 18.4%, 87.5%

CMYK

0.0%, 18.4%, 13.0%, 12.5%

OKLCH

0.8158 0.0497 358.8

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#DFB6C2

#B6DFD3

Analogous

#DFB6D6

#DFBEB6

#DFB6C2

Triadic

#DFB6C2

#C2DFB6

#B6C2DF

Split Complementary

#DFB6C2

#B6DFBE

#B6D6DF

Tetradic

#DFB6C2

#D6DFB6

#B6DFD3

#BEB6DF

Color Blindness Simulation

Original

#DFB6C2

Protanopia

#CDCDBF

Deuteranopia

#D0D3BE

Tritanopia

#DDBDBC

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CDD6
300
#DAAAB8
400
#C57C91
500
#B14E6B
600
#8E3E56
700
#713244
800
#592735
900
#411F29
950
#29141A

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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