#E2AC1D

#E2AC1D

Color Values

HEX

#E2AC1D

RGB

226, 172, 29

HSL

43.6, 77.3%, 50.0%

HSV

43.6, 87.2%, 88.6%

CMYK

0.0%, 23.9%, 87.2%, 11.4%

OKLCH

0.7737 0.1527 84.8

Properties

Warm Light Nearest: goldenrod 2

Color Harmonies

Complementary

#E2AC1D

#1D53E2

Analogous

#E24A1D

#B5E21D

#E2AC1D

Triadic

#E2AC1D

#1DE2AC

#AC1DE2

Split Complementary

#E2AC1D

#1DB5E2

#4A1DE2

Tetradic

#E2AC1D

#1DE24A

#1D53E2

#E21DB5

Color Blindness Simulation

Original

#E2AC1D

Protanopia

#CBCA40

Deuteranopia

#CED248

Tritanopia

#DF5B61

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FCFAF2
100
#F9F2E1
200
#F7E8C0
300
#F1D792
400
#EAC258
500
#E2AC1D
600
#B58A17
700
#916E13
800
#71560E
900
#52400F
950
#342809

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026