#EDC28C

#EDC28C

Color Values

HEX

#EDC28C

RGB

237, 194, 140

HSL

33.4, 72.9%, 73.9%

HSV

33.4, 40.9%, 92.9%

CMYK

0.0%, 18.1%, 40.9%, 7.1%

OKLCH

0.8394 0.0854 72.6

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#EDC28C

#8CB7ED

Analogous

#ED918C

#E7ED8C

#EDC28C

Triadic

#EDC28C

#8CEDC2

#C28CED

Split Complementary

#EDC28C

#8CE7ED

#918CED

Tetradic

#EDC28C

#8CED91

#8CB7ED

#ED8CE7

Color Blindness Simulation

Original

#EDC28C

Protanopia

#DADA99

Deuteranopia

#DDE09C

Tritanopia

#EBA3A6

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F5DEC1
300
#EEC795
400
#E5A85C
500
#DC8A23
600
#B06E1C
700
#8D5816
800
#6E4511
900
#503411
950
#33210B

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.7: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