#EDE586

#EDE586

Color Values

HEX

#EDE586

RGB

237, 229, 134

HSL

55.3, 74.1%, 72.7%

HSV

55.3, 43.5%, 92.9%

CMYK

0.0%, 3.4%, 43.5%, 7.1%

OKLCH

0.9081 0.1173 104.3

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#EDE586

#868EED

Analogous

#EDB186

#C1ED86

#EDE586

Triadic

#EDE586

#86EDE5

#E586ED

Split Complementary

#EDE586

#86C1ED

#B186ED

Tetradic

#EDE586

#86EDB1

#868EED

#ED86C1

Color Blindness Simulation

Original

#EDE586

Protanopia

#EAE99D

Deuteranopia

#EAEBA2

Tritanopia

#EDAFB3

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F7E2
200
#F6F2C1
300
#EFE894
400
#E7DC5B
500
#DECF21
600
#B2A61A
700
#8E8515
800
#6F6811
900
#514C10
950
#33300A

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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