#EDD39C

#EDD39C

Color Values

HEX

#EDD39C

RGB

237, 211, 156

HSL

40.7, 69.2%, 77.1%

HSV

40.7, 34.2%, 92.9%

CMYK

0.0%, 11.0%, 34.2%, 7.1%

OKLCH

0.8755 0.0767 85.5

Properties

Warm Light Nearest: Maize

Color Harmonies

Complementary

#EDD39C

#9CB6ED

Analogous

#EDAB9C

#DFED9C

#EDD39C

Triadic

#EDD39C

#9CEDD3

#D39CED

Split Complementary

#EDD39C

#9CDFED

#AB9CED

Tetradic

#EDD39C

#9CEDAB

#9CB6ED

#ED9CDF

Color Blindness Simulation

Original

#EDD39C

Protanopia

#E2E2A9

Deuteranopia

#E3E5AC

Tritanopia

#ECB4B6

Achromatopsia

#D5D5D5

CSS Usage

background-color: #EDD39C;
color: #EDD39C;
border-color: #EDD39C;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF9F3
100
#F8F1E3
200
#F4E4C3
300
#ECD197
400
#E2B85F
500
#D89F27
600
#AD7F1F
700
#8A6619
800
#6C4F14
900
#4F3B12
950
#32250C

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026