#ECCB56

#ECCB56

Color Values

HEX

#ECCB56

RGB

236, 203, 86

HSL

46.8, 79.8%, 63.1%

HSV

46.8, 63.6%, 92.5%

CMYK

0.0%, 14.0%, 63.6%, 7.5%

OKLCH

0.8487 0.1391 93.4

Properties

Warm Light Nearest: goldenrod

Color Harmonies

Complementary

#ECCB56

#5677EC

Analogous

#EC8056

#C2EC56

#ECCB56

Triadic

#ECCB56

#56ECCB

#CB56EC

Split Complementary

#ECCB56

#56C2EC

#8056EC

Tetradic

#ECCB56

#56EC80

#5677EC

#EC56C2

Color Blindness Simulation

Original

#ECCB56

Protanopia

#DEDD72

Deuteranopia

#E0E279

Tritanopia

#EA898E

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#F9F4E1
200
#F8EBBF
300
#F3DD91
400
#ECCB55
500
#E5B81A
600
#B79415
700
#937610
800
#735C0D
900
#53440E
950
#352B09

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.24:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026