HEX Color #E2BD00 (Gold)

About #E2BD00

Visually, #E2BD00 is defined as a vivid yellow. If you're using CSS, you might find it aligns closely with Gold. Its digital footprint relies on 226 parts red, 189 parts green, and 0 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 16% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#E2BD00

RGB226, 189, 0

HSL50.2°, 100.0%, 44.3%

CMYK0%, 16%, 100%, 11%

HSV50.2°, 100.0%, 88.6%

LAB77.6, -1.1, 79.3

XYZ49.6, 52.6, 7.5

Decimal14859520

Color Harmonies

Complementary

#E2BD00 #0024E2

Analogous

#E24C00 #95E200

Triadic

#00E2BD #BC00E2

Tetradic

#00E24C #0024E2 #E20095

Tints, Shades & Tones

Tints (Adding White)

#E2BD00

#E5C41C

#E8CB38

#EBD355

#EEDA71

#F2E18D

#F5E9AA

#F8F0C6

#FBF7E2

#FFFFFF

Shades (Adding Black)

#E2BD00

#C8A800

#AF9300

#967E00

#7D6900

#645400

#4B3F00

#322A00

#191500

#000000

WCAG Contrast Accessibility

1.82:1

Text on #FFFFFF

FAIL

11.51:1

Text on #000000

AAA

1.74:1

Text on #F8FAFC

FAIL

9.79:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #E2BD00; }

.text-color { color: #E2BD00; }

.border-color { border: 2px solid #E2BD00; }

Similar Colors

Gold

#FFD700