#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

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