#DFDCA2

#DFDCA2

Color Values

HEX

#DFDCA2

RGB

223, 220, 162

HSL

57,0, 48,8%, 75,5%

HSV

57,0, 27,4%, 87,5%

CMYK

0,0%, 1,3%, 27,4%, 12,5%

OKLCH

0,8829 0,0755 105,4

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DFDCA2

#A2A5DF

Analogous

#DFBDA2

#C4DFA2

#DFDCA2

Triadic

#DFDCA2

#A2DFDC

#DCA2DF

Split Complementary

#DFDCA2

#A2C4DF

#BDA2DF

Tetradic

#DFDCA2

#A2DFBD

#A2A5DF

#DFA2C4

Color Blindness Simulation

Original

#DFDCA2

Protanopia

#DEDEB0

Deuteranopia

#DEDEB3

Tritanopia

#DFBBBE

Achromatopsia

#D8D8D8

CSS Usage

background-color: #DFDCA2;
color: #DFDCA2;
border-color: #DFDCA2;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FBFAF4
100
#F5F4E6
200
#EDEBCA
300
#E0DDA4
400
#CFCA73
500
#BEB741
600
#989334
700
#79752A
800
#5F5C21
900
#46441B
950
#2C2B11

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,9: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