#EDE689

#EDE689

Color Values

HEX

#EDE689

RGB

237, 230, 137

HSL

55.8, 73.5%, 73.3%

HSV

55.8, 42.2%, 92.9%

CMYK

0.0%, 3.0%, 42.2%, 7.1%

OKLCH

0.9105 0.1152 104.7

Properties

Warm Light Nearest: khaki

Color Harmonies

Complementary

#EDE689

#8990ED

Analogous

#EDB489

#C2ED89

#EDE689

Triadic

#EDE689

#89EDE6

#E689ED

Split Complementary

#EDE689

#89C2ED

#B489ED

Tetradic

#EDE689

#89EDB4

#8990ED

#ED89C2

Color Blindness Simulation

Original

#EDE689

Protanopia

#EAEA9F

Deuteranopia

#EAEBA5

Tritanopia

#EDB1B5

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F7E2
200
#F6F2C1
300
#EFE895
400
#E6DC5B
500
#DDD022
600
#B1A61B
700
#8E8516
800
#6F6811
900
#504C10
950
#33300A

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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