#DFD6AC

#DFD6AC

Color Values

HEX

#DFD6AC

RGB

223, 214, 172

HSL

49,4, 44,3%, 77,5%

HSV

49,4, 22,9%, 87,5%

CMYK

0,0%, 4,0%, 22,9%, 12,5%

OKLCH

0,8728 0,0563 97,3

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#DFD6AC

#ACB5DF

Analogous

#DFBDAC

#CFDFAC

#DFD6AC

Triadic

#DFD6AC

#ACDFD6

#D6ACDF

Split Complementary

#DFD6AC

#ACCFDF

#BDACDF

Tetradic

#DFD6AC

#ACDFBD

#ACB5DF

#DFACCF

Color Blindness Simulation

Original

#DFD6AC

Protanopia

#DBDBB6

Deuteranopia

#DCDCB9

Tritanopia

#DFBEC0

Achromatopsia

#D5D5D5

CSS Usage

background-color: #DFD6AC;
color: #DFD6AC;
border-color: #DFD6AC;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EBE6CB
300
#DDD3A7
400
#CABC77
500
#B8A447
600
#938339
700
#76692D
800
#5C5224
900
#443D1D
950
#2B2612

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

14,35:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026