#DFE3A4

#DFE3A4

Color Values

HEX

#DFE3A4

RGB

223, 227, 164

HSL

63.8, 52.9%, 76.7%

HSV

63.8, 27.8%, 89.0%

CMYK

1.8%, 0.0%, 27.8%, 11.0%

OKLCH

0.8977 0.0817 111.0

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DFE3A4

#A8A4E3

Analogous

#E3C8A4

#C0E3A4

#DFE3A4

Triadic

#DFE3A4

#A4DFE3

#E3A4DF

Split Complementary

#DFE3A4

#A4C0E3

#C8A4E3

Tetradic

#DFE3A4

#A4E3C8

#A8A4E3

#E3A4C0

Color Blindness Simulation

Original

#DFE3A4

Protanopia

#E1E1B3

Deuteranopia

#E0E0B7

Tritanopia

#DFBFC2

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEEC8
300
#DEE2A1
400
#CCD36F
500
#BAC33C
600
#959C30
700
#777D26
800
#5D611E
900
#454819
950
#2B2D10

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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