#D1DF4E

#D1DF4E

Color Values

HEX

#D1DF4E

RGB

209, 223, 78

HSL

65.8, 69.4%, 59.0%

HSV

65.8, 65.0%, 87.5%

CMYK

6.3%, 0.0%, 65.0%, 12.5%

OKLCH

0.8666 0.1656 114.6

Properties

Cool Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#D1DF4E

#5C4EDF

Analogous

#DFA44E

#88DF4E

#D1DF4E

Triadic

#D1DF4E

#4ED1DF

#DF4ED1

Split Complementary

#D1DF4E

#4E88DF

#A44EDF

Tetradic

#D1DF4E

#4EDFA4

#5C4EDF

#DF4E88

Color Blindness Simulation

Original

#D1DF4E

Protanopia

#D7D771

Deuteranopia

#D6D579

Tritanopia

#D28D93

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F8E3
200
#EFF4C3
300
#E4EC97
400
#D5E25F
500
#C7D827
600
#9FAD1F
700
#7F8A19
800
#636C14
900
#494F12
950
#2E320B

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.38:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026