#ECB313

#ECB313

Color Values

HEX

#ECB313

RGB

236, 179, 19

HSL

44.2, 85.1%, 50.0%

HSV

44.2, 91.9%, 92.5%

CMYK

0.0%, 24.2%, 91.9%, 7.5%

OKLCH

0.7976 0.1605 84.9

Properties

Warm Light Nearest: goldenrod 2

Color Harmonies

Complementary

#ECB313

#134CEC

Analogous

#EC4613

#B9EC13

#ECB313

Triadic

#ECB313

#13ECB3

#B313EC

Split Complementary

#ECB313

#13B9EC

#4613EC

Tetradic

#ECB313

#13EC46

#134CEC

#EC13B9

Color Blindness Simulation

Original

#ECB313

Protanopia

#D3D33A

Deuteranopia

#D7DB43

Tritanopia

#E9585F

Achromatopsia

#B4B4B4

CSS Usage

background-color: #ECB313;
color: #ECB313;
border-color: #ECB313;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FDFAF2
100
#FAF3E0
200
#FAEABD
300
#F6DA8E
400
#F1C750
500
#ECB313
600
#BD8F0F
700
#97720C
800
#765909
900
#56420B
950
#362A07

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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