#ECCD55

#ECCD55

Color Values

HEX

#ECCD55

RGB

236, 205, 85

HSL

47.7, 79.9%, 62.9%

HSV

47.7, 64.0%, 92.5%

CMYK

0.0%, 13.1%, 64.0%, 7.5%

OKLCH

0.8526 0.1412 94.7

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#ECCD55

#5574EC

Analogous

#EC8155

#BFEC55

#ECCD55

Triadic

#ECCD55

#55ECCD

#CD55EC

Split Complementary

#ECCD55

#55BFEC

#8155EC

Tetradic

#ECCD55

#55EC81

#5574EC

#EC55BF

Color Blindness Simulation

Original

#ECCD55

Protanopia

#DFDE72

Deuteranopia

#E0E379

Tritanopia

#EA898E

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#F9F4E1
200
#F8ECBF
300
#F3DF91
400
#ECCD55
500
#E5BC1A
600
#B79615
700
#937810
800
#735E0D
900
#53450E
950
#352C09

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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