#EDDC96

#EDDC96

Color Values

HEX

#EDDC96

RGB

237, 220, 150

HSL

48.3, 70.7%, 75.9%

HSV

48.3, 36.7%, 92.9%

CMYK

0.0%, 7.2%, 36.7%, 7.1%

OKLCH

0.8924 0.0908 96.1

Properties

Warm Light Nearest: RAL 1015 Light Ivory

Color Harmonies

Complementary

#EDDC96

#96A7ED

Analogous

#EDB196

#D2ED96

#EDDC96

Triadic

#EDDC96

#96EDDC

#DC96ED

Split Complementary

#EDDC96

#96D2ED

#B196ED

Tetradic

#EDDC96

#96EDB1

#96A7ED

#ED96D2

Color Blindness Simulation

Original

#EDDC96

Protanopia

#E6E5A7

Deuteranopia

#E7E8AB

Tritanopia

#ECB4B7

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F8F4E2
200
#F5EBC2
300
#EDDC97
400
#E3C95E
500
#DAB625
600
#AE921E
700
#8B7518
800
#6D5B13
900
#4F4312
950
#322A0B

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026