#DCED4E

#DCED4E

Color Values

HEX

#DCED4E

RGB

220, 237, 78

HSL

66.4, 81.5%, 61.8%

HSV

66.4, 67.1%, 92.9%

CMYK

7.2%, 0.0%, 67.1%, 7.1%

OKLCH

0.9052 0.1777 115.3

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#DCED4E

#5F4EED

Analogous

#EDAF4E

#8DED4E

#DCED4E

Triadic

#DCED4E

#4EDCED

#ED4EDC

Split Complementary

#DCED4E

#4E8DED

#AF4EED

Tetradic

#DCED4E

#4EEDAF

#5F4EED

#ED4E8D

Color Blindness Simulation

Original

#DCED4E

Protanopia

#E3E474

Deuteranopia

#E2E17E

Tritanopia

#DD939A

Achromatopsia

#DEDEDE

CSS Usage

background-color: #DCED4E;
color: #DCED4E;
border-color: #DCED4E;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FCFDF2
100
#F7FAE1
200
#F2F8BE
300
#E9F490
400
#DDEE54
500
#D1E718
600
#A7B913
700
#86940F
800
#69740C
900
#4C540D
950
#303508

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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