#EDDC80

#EDDC80

Color Values

HEX

#EDDC80

RGB

237, 220, 128

HSL

50.6, 75.2%, 71.6%

HSV

50.6, 46.0%, 92.9%

CMYK

0.0%, 7.2%, 46.0%, 7.1%

OKLCH

0.8889 0.1146 99.1

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#EDDC80

#8091ED

Analogous

#EDA680

#C8ED80

#EDDC80

Triadic

#EDDC80

#80EDDC

#DC80ED

Split Complementary

#EDDC80

#80C8ED

#A680ED

Tetradic

#EDDC80

#80EDA6

#8091ED

#ED80C8

Color Blindness Simulation

Original

#EDDC80

Protanopia

#E6E596

Deuteranopia

#E7E89C

Tritanopia

#ECA8AC

Achromatopsia

#D9D9D9

CSS Usage

background-color: #EDDC80;
color: #EDDC80;
border-color: #EDDC80;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFBF2
100
#F9F5E2
200
#F6EEC0
300
#F0E194
400
#E8D15A
500
#DFC120
600
#B39B19
700
#8F7C14
800
#706110
900
#514710
950
#332D0A

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.15:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026