#ECBD56

#ECBD56

Color Values

HEX

#ECBD56

RGB

236, 189, 86

HSL

41.2, 79.8%, 63.1%

HSV

41.2, 63.6%, 92.5%

CMYK

0.0%, 19.9%, 63.6%, 7.5%

OKLCH

0.8211 0.1313 84.4

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#ECBD56

#5685EC

Analogous

#EC7256

#D0EC56

#ECBD56

Triadic

#ECBD56

#56ECBD

#BD56EC

Split Complementary

#ECBD56

#56D0EC

#7256EC

Tetradic

#ECBD56

#56EC72

#5685EC

#EC56D0

Color Blindness Simulation

Original

#ECBD56

Protanopia

#D8D76F

Deuteranopia

#DADE75

Tritanopia

#EA8387

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#F9F2E1
200
#F8E6BF
300
#F3D491
400
#ECBD55
500
#E5A51A
600
#B78415
700
#936A10
800
#73530D
900
#533D0E
950
#352709

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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