#DFC2A3

#DFC2A3

Color Values

HEX

#DFC2A3

RGB

223, 194, 163

HSL

31.0, 48.4%, 75.7%

HSV

31.0, 26.9%, 87.5%

CMYK

0.0%, 13.0%, 26.9%, 12.5%

OKLCH

0.8309 0.0532 68.9

Properties

Warm Light Nearest: peachpuff 2

Color Harmonies

Complementary

#DFC2A3

#A3C0DF

Analogous

#DFA4A3

#DEDFA3

#DFC2A3

Triadic

#DFC2A3

#A3DFC2

#C2A3DF

Split Complementary

#DFC2A3

#A3DEDF

#A4A3DF

Tetradic

#DFC2A3

#A3DFA4

#A3C0DF

#DFA3DE

Color Blindness Simulation

Original

#DFC2A3

Protanopia

#D2D2AA

Deuteranopia

#D4D6AC

Tritanopia

#DEB0B2

Achromatopsia

#C6C6C6

CSS Usage

background-color: #DFC2A3;
color: #DFC2A3;
border-color: #DFC2A3;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EDDCCA
300
#DFC3A4
400
#CEA273
500
#BD8242
600
#976835
700
#79532A
800
#5F4121
900
#46311B
950
#2C1F11

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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