#EDE682

#EDE682

Color Values

HEX

#EDE682

RGB

237, 230, 130

HSL

56.1, 74.8%, 72.0%

HSV

56.1, 45.1%, 92.9%

CMYK

0.0%, 3.0%, 45.1%, 7.1%

OKLCH

0.9095 0.1225 105.0

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#EDE682

#8289ED

Analogous

#EDB182

#BFED82

#EDE682

Triadic

#EDE682

#82EDE6

#E682ED

Split Complementary

#EDE682

#82BFED

#B182ED

Tetradic

#EDE682

#82EDB1

#8289ED

#ED82BF

Color Blindness Simulation

Original

#EDE682

Protanopia

#EAEA9A

Deuteranopia

#EAEBA0

Tritanopia

#EDADB2

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F7E2
200
#F6F3C1
300
#F0EA94
400
#E7DE5A
500
#DFD220
600
#B2A81A
700
#8F8715
800
#6F6910
900
#514D10
950
#33310A

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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