#DFE49A

#DFE49A

Color Values

HEX

#DFE49A

RGB

223, 228, 154

HSL

64.1, 57.8%, 74.9%

HSV

64.1, 32.5%, 89.4%

CMYK

2.2%, 0.0%, 32.5%, 10.6%

OKLCH

0.8979 0.0949 111.4

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DFE49A

#9F9AE4

Analogous

#E4C49A

#BAE49A

#DFE49A

Triadic

#DFE49A

#9ADFE4

#E49ADF

Split Complementary

#DFE49A

#9ABAE4

#C49AE4

Tetradic

#DFE49A

#9AE4C4

#9F9AE4

#E49ABA

Color Blindness Simulation

Original

#DFE49A

Protanopia

#E1E1AC

Deuteranopia

#E1E0B0

Tritanopia

#DFBABD

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F6E4
200
#EDF0C7
300
#E0E59E
400
#D0D76A
500
#BFC936
600
#99A12B
700
#7A8122
800
#60651B
900
#464A17
950
#2C2F0F

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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