#EDCC55

#EDCC55

Color Values

HEX

#EDCC55

RGB

237, 204, 85

HSL

47.0, 80.9%, 63.1%

HSV

47.0, 64.1%, 92.9%

CMYK

0.0%, 13.9%, 64.1%, 7.1%

OKLCH

0.8516 0.1407 93.6

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#EDCC55

#5576ED

Analogous

#ED8055

#C2ED55

#EDCC55

Triadic

#EDCC55

#55EDCC

#CC55ED

Split Complementary

#EDCC55

#55C2ED

#8055ED

Tetradic

#EDCC55

#55ED80

#5576ED

#ED55C2

Color Blindness Simulation

Original

#EDCC55

Protanopia

#DFDE72

Deuteranopia

#E1E379

Tritanopia

#EB898E

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#F9F4E1
200
#F8ECBE
300
#F3DE90
400
#EDCC54
500
#E7BA18
600
#B99513
700
#947710
800
#735D0C
900
#54440D
950
#352B08

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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