#EDF496

#EDF496

Color Values

HEX

#EDF496

RGB

237, 244, 150

HSL

64.5, 81.0%, 77.3%

HSV

64.5, 38.5%, 95.7%

CMYK

2.9%, 0.0%, 38.5%, 4.3%

OKLCH

0.9413 0.1172 112.1

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#EDF496

#9D96F4

Analogous

#F4CC96

#BEF496

#EDF496

Triadic

#EDF496

#96EDF4

#F496ED

Split Complementary

#EDF496

#96BEF4

#CC96F4

Tetradic

#EDF496

#96F4CC

#9D96F4

#F496BE

Color Blindness Simulation

Original

#EDF496

Protanopia

#F0F0AD

Deuteranopia

#F0EFB2

Tritanopia

#EDBFC3

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8F9E1
200
#F4F8BE
300
#ECF390
400
#E2ED54
500
#D7E718
600
#ACB913
700
#8A9410
800
#6C730C
900
#4E540D
950
#323508

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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