#DFD5AE

#DFD5AE

Color Values

HEX

#DFD5AE

RGB

223, 213, 174

HSL

47.8, 43.4%, 77.8%

HSV

47.8, 22.0%, 87.5%

CMYK

0.0%, 4.5%, 22.0%, 12.5%

OKLCH

0.8712 0.0528 95.3

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#DFD5AE

#AEB8DF

Analogous

#DFBCAE

#D0DFAE

#DFD5AE

Triadic

#DFD5AE

#AEDFD5

#D5AEDF

Split Complementary

#DFD5AE

#AED0DF

#BCAEDF

Tetradic

#DFD5AE

#AEDFBC

#AEB8DF

#DFAED0

Color Blindness Simulation

Original

#DFD5AE

Protanopia

#DBDBB7

Deuteranopia

#DBDCBA

Tritanopia

#DEBFC1

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F4F1E7
200
#EBE4CC
300
#DCD2A7
400
#CAB978
500
#B7A048
600
#92803A
700
#75672E
800
#5B5024
900
#433C1E
950
#2B2613

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026