#EDB982

#EDB982

Color Values

HEX

#EDB982

RGB

237, 185, 130

HSL

30.8, 74.8%, 72.0%

HSV

30.8, 45.1%, 92.9%

CMYK

0.0%, 21.9%, 45.1%, 7.1%

OKLCH

0.8204 0.0931 67.5

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#EDB982

#82B6ED

Analogous

#ED8482

#ECED82

#EDB982

Triadic

#EDB982

#82EDB9

#B982ED

Split Complementary

#EDB982

#82ECED

#8482ED

Tetradic

#EDB982

#82ED84

#82B6ED

#ED82EC

Color Blindness Simulation

Original

#EDB982

Protanopia

#D6D68F

Deuteranopia

#DADD92

Tritanopia

#EA9A9C

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F8EDE2
200
#F6DCC1
300
#F0C394
400
#E7A35A
500
#DF8220
600
#B2681A
700
#8F5315
800
#6F4110
900
#513110
950
#331F0A

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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