#DFB0AF

#DFB0AF

Color Values

HEX

#DFB0AF

RGB

223, 176, 175

HSL

1,2, 42,9%, 78,0%

HSV

1,2, 21,5%, 87,5%

CMYK

0,0%, 21,1%, 21,5%, 12,5%

OKLCH

0,7993 0,055 19,8

Properties

Warm Light Nearest: rosybrown 2

Color Harmonies

Complementary

#DFB0AF

#AFDEDF

Analogous

#DFAFC6

#DFC8AF

#DFB0AF

Triadic

#DFB0AF

#AFDFB0

#B0AFDF

Split Complementary

#DFB0AF

#AFDFC8

#AFC6DF

Tetradic

#DFB0AF

#C6DFAF

#AFDEDF

#C8AFDF

Color Blindness Simulation

Original

#DFB0AF

Protanopia

#CBCAAF

Deuteranopia

#CDD1AF

Tritanopia

#DDAFAF

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCDCC
300
#DCA9A8
400
#C97A78
500
#B64B49
600
#923C3A
700
#75302F
800
#5B2524
900
#431E1E
950
#2A1313

Contrast Checker

Text on white

1,91:1

AA Fail AAA Fail

Text on black

10,97: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