#EDFD86

#EDFD86

Color Values

HEX

#EDFD86

RGB

237, 253, 134

HSL

68,1, 96,7%, 75,9%

HSV

68,1, 47,0%, 99,2%

CMYK

6,3%, 0,0%, 47,0%, 0,8%

OKLCH

0,9577 0,1448 115,5

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#EDFD86

#9686FD

Analogous

#FDD286

#B1FD86

#EDFD86

Triadic

#EDFD86

#86EDFD

#FD86ED

Split Complementary

#EDFD86

#86B1FD

#D286FD

Tetradic

#EDFD86

#86FDD2

#9686FD

#FD86B1

Color Blindness Simulation

Original

#EDFD86

Protanopia

#F4F4A3

Deuteranopia

#F3F2AA

Tritanopia

#EEBABF

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F8FCDE
200
#F5FEB9
300
#EDFD87
400
#E3FC45
500
#DAFB04
600
#AEC903
700
#8BA103
800
#6D7D02
900
#4F5B06
950
#323904

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

19,0: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