#DFDCC4

#DFDCC4

Color Values

HEX

#DFDCC4

RGB

223, 220, 196

HSL

53.3, 29.7%, 82.2%

HSV

53.3, 12.1%, 87.5%

CMYK

0.0%, 1.3%, 12.1%, 12.5%

OKLCH

0.8905 0.0322 101.2

Properties

Warm Light Nearest: RAL 1013 Oyster White

Color Harmonies

Complementary

#DFDCC4

#C4C7DF

Analogous

#DFCFC4

#D5DFC4

#DFDCC4

Triadic

#DFDCC4

#C4DFDC

#DCC4DF

Split Complementary

#DFDCC4

#C4D5DF

#CFC4DF

Tetradic

#DFDCC4

#C4DFCF

#C4C7DF

#DFC4D5

Color Blindness Simulation

Original

#DFDCC4

Protanopia

#DEDECA

Deuteranopia

#DEDECB

Tritanopia

#DFCECF

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F1E9
200
#E6E4D1
300
#D4D0B0
400
#BDB685
500
#A59D5A
600
#847E48
700
#6A6439
800
#534E2D
900
#3D3B23
950
#272516

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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