#DFE5A4

#DFE5A4

Color Values

HEX

#DFE5A4

RGB

223, 229, 164

HSL

65.5, 55.6%, 77.1%

HSV

65.5, 28.4%, 89.8%

CMYK

2.6%, 0.0%, 28.4%, 10.2%

OKLCH

0.9018 0.0843 112.4

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DFE5A4

#AAA4E5

Analogous

#E5CBA4

#BFE5A4

#DFE5A4

Triadic

#DFE5A4

#A4DFE5

#E5A4DF

Split Complementary

#DFE5A4

#A4BFE5

#CBA4E5

Tetradic

#DFE5A4

#A4E5CB

#AAA4E5

#E5A4BF

Color Blindness Simulation

Original

#DFE5A4

Protanopia

#E2E2B4

Deuteranopia

#E1E1B8

Tritanopia

#DFC0C3

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#ECEFC7
300
#DEE4A0
400
#CBD56C
500
#B9C639
600
#949F2D
700
#777F24
800
#5D631C
900
#444918
950
#2B2E0F

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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