#ECB956

#ECB956

Color Values

HEX

#ECB956

RGB

236, 185, 86

HSL

39.6, 79.8%, 63.1%

HSV

39.6, 63.6%, 92.5%

CMYK

0.0%, 21.6%, 63.6%, 7.5%

OKLCH

0.8133 0.1297 81.7

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#ECB956

#5689EC

Analogous

#EC6E56

#D4EC56

#ECB956

Triadic

#ECB956

#56ECB9

#B956EC

Split Complementary

#ECB956

#56D4EC

#6E56EC

Tetradic

#ECB956

#56EC6E

#5689EC

#EC56D4

Color Blindness Simulation

Original

#ECB956

Protanopia

#D6D56E

Deuteranopia

#D9DD74

Tritanopia

#E98185

Achromatopsia

#BDBDBD

CSS Usage

background-color: #ECB956;
color: #ECB956;
border-color: #ECB956;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF9F2
100
#F9F1E1
200
#F8E4BF
300
#F3D191
400
#ECB955
500
#E5A01A
600
#B78015
700
#936610
800
#73500D
900
#533C0E
950
#352609

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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