#DFCCAF

#DFCCAF

Color Values

HEX

#DFCCAF

RGB

223, 204, 175

HSL

36.3, 42.9%, 78.0%

HSV

36.3, 21.5%, 87.5%

CMYK

0.0%, 8.5%, 21.5%, 12.5%

OKLCH

0.8534 0.0443 78.4

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#DFCCAF

#AFC2DF

Analogous

#DFB4AF

#DADFAF

#DFCCAF

Triadic

#DFCCAF

#AFDFCC

#CCAFDF

Split Complementary

#DFCCAF

#AFDADF

#B4AFDF

Tetradic

#DFCCAF

#AFDFB4

#AFC2DF

#DFAFDA

Color Blindness Simulation

Original

#DFCCAF

Protanopia

#D7D7B6

Deuteranopia

#D8D9B8

Tritanopia

#DEBCBD

Achromatopsia

#CECECE

CSS Usage

background-color: #DFCCAF;
color: #DFCCAF;
border-color: #DFCCAF;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FAF8F5
100
#F4EFE7
200
#EBDFCC
300
#DCC7A8
400
#C9A978
500
#B68B49
600
#926F3A
700
#75592F
800
#5B4524
900
#43341E
950
#2A2113

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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