#ECD956

#ECD956

Color Values

HEX

#ECD956

RGB

236, 217, 86

HSL

52.4, 79.8%, 63.1%

HSV

52.4, 63.6%, 92.5%

CMYK

0.0%, 8.1%, 63.6%, 7.5%

OKLCH

0.877 0.1498 101.0

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#ECD956

#5669EC

Analogous

#EC8E56

#B4EC56

#ECD956

Triadic

#ECD956

#56ECD9

#D956EC

Split Complementary

#ECD956

#56B4EC

#8E56EC

Tetradic

#ECD956

#56EC8E

#5669EC

#EC56B4

Color Blindness Simulation

Original

#ECD956

Protanopia

#E4E476

Deuteranopia

#E5E67D

Tritanopia

#EB8F94

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#F9F6E1
200
#F8F1BF
300
#F3E691
400
#ECD955
500
#E5CB1A
600
#B7A315
700
#938210
800
#73660D
900
#534A0E
950
#352F09

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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