#EDCE55

#EDCE55

Color Values

HEX

#EDCE55

RGB

237, 206, 85

HSL

47.8, 80.9%, 63.1%

HSV

47.8, 64.1%, 92.9%

CMYK

0.0%, 13.1%, 64.1%, 7.1%

OKLCH

0.8556 0.1421 94.8

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#EDCE55

#5574ED

Analogous

#ED8255

#C0ED55

#EDCE55

Triadic

#EDCE55

#55EDCE

#CE55ED

Split Complementary

#EDCE55

#55C0ED

#8255ED

Tetradic

#EDCE55

#55ED82

#5574ED

#ED55C0

Color Blindness Simulation

Original

#EDCE55

Protanopia

#E0DF72

Deuteranopia

#E1E479

Tritanopia

#EB898E

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#F9F4E1
200
#F8ECBE
300
#F3DF90
400
#EDCE54
500
#E7BD18
600
#B99713
700
#947910
800
#735E0C
900
#54450D
950
#352C08

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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