#EDC255

#EDC255

Color Values

HEX

#EDC255

RGB

237, 194, 85

HSL

43,0, 80,9%, 63,1%

HSV

43,0, 64,1%, 92,9%

CMYK

0,0%, 18,1%, 64,1%, 7,1%

OKLCH

0,8317 0,1348 87,4

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#EDC255

#5580ED

Analogous

#ED7655

#CCED55

#EDC255

Triadic

#EDC255

#55EDC2

#C255ED

Split Complementary

#EDC255

#55CCED

#7655ED

Tetradic

#EDC255

#55ED76

#5580ED

#ED55CC

Color Blindness Simulation

Original

#EDC255

Protanopia

#DADA6F

Deuteranopia

#DDE076

Tritanopia

#EB8489

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#F9F2E1
200
#F8E8BE
300
#F3D790
400
#EDC254
500
#E7AC18
600
#B98A13
700
#946E10
800
#73560C
900
#54400D
950
#352808

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,45: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