#ECBC56

#ECBC56

Color Values

HEX

#ECBC56

RGB

236, 188, 86

HSL

40,8, 79,8%, 63,1%

HSV

40,8, 63,6%, 92,5%

CMYK

0,0%, 20,3%, 63,6%, 7,5%

OKLCH

0,8191 0,1309 83,8

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#ECBC56

#5686EC

Analogous

#EC7156

#D1EC56

#ECBC56

Triadic

#ECBC56

#56ECBC

#BC56EC

Split Complementary

#ECBC56

#56D1EC

#7156EC

Tetradic

#ECBC56

#56EC71

#5686EC

#EC56D1

Color Blindness Simulation

Original

#ECBC56

Protanopia

#D7D76F

Deuteranopia

#DADE75

Tritanopia

#EA8286

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#F9F2E1
200
#F8E6BF
300
#F3D391
400
#ECBC55
500
#E5A41A
600
#B78315
700
#936910
800
#73520D
900
#533D0E
950
#352709

Contrast Checker

Text on white

1,77:1

AA Fail AAA Fail

Text on black

11,89:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026