#DCE4A4

#DCE4A4

Color Values

HEX

#DCE4A4

RGB

220, 228, 164

HSL

67.5, 54.2%, 76.9%

HSV

67.5, 28.1%, 89.4%

CMYK

3.5%, 0.0%, 28.1%, 10.6%

OKLCH

0.8974 0.0835 113.9

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#DCE4A4

#ACA4E4

Analogous

#E4CCA4

#BCE4A4

#DCE4A4

Triadic

#DCE4A4

#A4DCE4

#E4A4DC

Split Complementary

#DCE4A4

#A4BCE4

#CCA4E4

Tetradic

#DCE4A4

#A4E4CC

#ACA4E4

#E4A4BC

Color Blindness Simulation

Original

#DCE4A4

Protanopia

#DFE0B3

Deuteranopia

#DFDEB7

Tritanopia

#DCC0C2

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#EAEFC8
300
#DBE3A1
400
#C7D46E
500
#B3C53A
600
#8F9D2F
700
#737E25
800
#5A621D
900
#424819
950
#2A2E10

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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