#EDC355

#EDC355

Color Values

HEX

#EDC355

RGB

237, 195, 85

HSL

43.4, 80.9%, 63.1%

HSV

43.4, 64.1%, 92.9%

CMYK

0.0%, 17.7%, 64.1%, 7.1%

OKLCH

0.8337 0.1353 88.1

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#EDC355

#557FED

Analogous

#ED7755

#CBED55

#EDC355

Triadic

#EDC355

#55EDC3

#C355ED

Split Complementary

#EDC355

#55CBED

#7755ED

Tetradic

#EDC355

#55ED77

#557FED

#ED55CB

Color Blindness Simulation

Original

#EDC355

Protanopia

#DBDA70

Deuteranopia

#DDE076

Tritanopia

#EB8589

Achromatopsia

#C4C4C4

CSS Usage

background-color: #EDC355;
color: #EDC355;
border-color: #EDC355;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDFAF2
100
#F9F3E1
200
#F8E8BE
300
#F3D890
400
#EDC354
500
#E7AE18
600
#B98B13
700
#946F10
800
#73570C
900
#54400D
950
#352908

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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