#E2BC29

#E2BC29

Color Values

HEX

#E2BC29

RGB

226, 188, 41

HSL

47.7, 76.1%, 52.4%

HSV

47.7, 81.9%, 88.6%

CMYK

0.0%, 16.8%, 81.9%, 11.4%

OKLCH

0.8058 0.1553 93.0

Properties

Warm Light Nearest: RAL 1032 Broom Yellow

Color Harmonies

Complementary

#E2BC29

#294FE2

Analogous

#E26029

#ABE229

#E2BC29

Triadic

#E2BC29

#29E2BC

#BC29E2

Split Complementary

#E2BC29

#29ABE2

#6029E2

Tetradic

#E2BC29

#29E260

#294FE2

#E229AB

Color Blindness Simulation

Original

#E2BC29

Protanopia

#D2D14D

Deuteranopia

#D4D755

Tritanopia

#E0696F

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FCFAF2
100
#F9F4E2
200
#F6EBC0
300
#F0DD93
400
#E8CB59
500
#E1B91E
600
#B49418
700
#907614
800
#705C0F
900
#52440F
950
#342B0A

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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