#EDDF80

#EDDF80

Color Values

HEX

#EDDF80

RGB

237, 223, 128

HSL

52.3, 75.2%, 71.6%

HSV

52.3, 46.0%, 92.9%

CMYK

0.0%, 5.9%, 46.0%, 7.1%

OKLCH

0.895 0.1175 101.0

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#EDDF80

#808EED

Analogous

#EDA980

#C5ED80

#EDDF80

Triadic

#EDDF80

#80EDDF

#DF80ED

Split Complementary

#EDDF80

#80C5ED

#A980ED

Tetradic

#EDDF80

#80EDA9

#808EED

#ED80C5

Color Blindness Simulation

Original

#EDDF80

Protanopia

#E7E797

Deuteranopia

#E8E99C

Tritanopia

#ECA9AD

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FCFBF2
100
#F9F6E2
200
#F6EFC0
300
#F0E494
400
#E8D55A
500
#DFC720
600
#B39F19
700
#8F7F14
800
#706310
900
#514910
950
#332E0A

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.47:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026