#DAE476

#DAE476

Color Values

HEX

#DAE476

RGB

218, 228, 118

HSL

65.5, 67.1%, 67.8%

HSV

65.5, 48.2%, 89.4%

CMYK

4.4%, 0.0%, 48.2%, 10.6%

OKLCH

0.8885 0.1349 113.4

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#DAE476

#8076E4

Analogous

#E4B776

#A3E476

#DAE476

Triadic

#DAE476

#76DAE4

#E476DA

Split Complementary

#DAE476

#76A3E4

#B776E4

Tetradic

#DAE476

#76E4B7

#8076E4

#E476A3

Color Blindness Simulation

Original

#DAE476

Protanopia

#DEDE91

Deuteranopia

#DEDD97

Tritanopia

#DAA6AA

Achromatopsia

#DADADA

CSS Usage

background-color: #DAE476;
color: #DAE476;
border-color: #DAE476;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EFF3C3
300
#E3EB99
400
#D4E061
500
#C5D52A
600
#9EAA22
700
#7E881B
800
#636B15
900
#484E13
950
#2E310C

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.34:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026