#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