#EDB57C

#EDB57C

Color Values

HEX

#EDB57C

RGB

237, 181, 124

HSL

30.3, 75.8%, 70.8%

HSV

30.3, 47.7%, 92.9%

CMYK

0.0%, 23.6%, 47.7%, 7.1%

OKLCH

0.8118 0.0981 66.2

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#EDB57C

#7CB4ED

Analogous

#ED7D7C

#ECED7C

#EDB57C

Triadic

#EDB57C

#7CEDB5

#B57CED

Split Complementary

#EDB57C

#7CECED

#7D7CED

Tetradic

#EDB57C

#7CED7D

#7CB4ED

#ED7CEC

Color Blindness Simulation

Original

#EDB57C

Protanopia

#D5D48A

Deuteranopia

#D8DC8D

Tritanopia

#EA9597

Achromatopsia

#BDBDBD

CSS Usage

background-color: #EDB57C;
color: #EDB57C;
border-color: #EDB57C;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F6DCC0
300
#F0C293
400
#E8A159
500
#E0801F
600
#B36719
700
#8F5214
800
#70400F
900
#52310F
950
#331F0A

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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