#DFB7AF

#DFB7AF

Color Values

HEX

#DFB7AF

RGB

223, 183, 175

HSL

10.0, 42.9%, 78.0%

HSV

10.0, 21.5%, 87.5%

CMYK

0.0%, 17.9%, 21.5%, 12.5%

OKLCH

0.8125 0.0479 31.3

Properties

Warm Light Nearest: NCS S 0520-R Light Pink

Color Harmonies

Complementary

#DFB7AF

#AFD7DF

Analogous

#DFAFBF

#DFCFAF

#DFB7AF

Triadic

#DFB7AF

#AFDFB7

#B7AFDF

Split Complementary

#DFB7AF

#AFDFCF

#AFBFDF

Tetradic

#DFB7AF

#BFDFAF

#AFD7DF

#CFAFDF

Color Blindness Simulation

Original

#DFB7AF

Protanopia

#CECDB1

Deuteranopia

#D0D3B1

Tritanopia

#DDB2B3

Achromatopsia

#BFBFBF

CSS Usage

background-color: #DFB7AF;
color: #DFB7AF;
border-color: #DFB7AF;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FAF5F5
100
#F4E9E7
200
#EBD1CC
300
#DCB0A8
400
#C98678
500
#B65B49
600
#92493A
700
#753A2F
800
#5B2E24
900
#43241E
950
#2A1713

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026