#E2BC14

Color Details

HEX
#E2BC14
RGB
rgb(226, 188, 20)
HSL
hsl(49, 84%, 48%)
CMYK
cmyk(0%, 17%, 91%, 11%)
Best text on this color #000000 (CR 11.44:1) Determined by WCAG contrast ratio

Readability Previews

Black on #e2bc14
Contrast 11.44:1 AAA
White on #e2bc14
Contrast 1.84:1 Fail
#e2bc14 on Black
Contrast 11.44:1 AAA
#e2bc14 on White
Contrast 1.84:1 Fail

Tints & Shades

#e8c943
#eed772
#f3e4a1
#b59610
#88710c
#5a4b08

Complement & Analogous

#1439e1
#a0e114
#e15514

Triadic

#14e1bc
#bc14e1

Monochrome

#5a4b08 #88710c #e2bc14 #eed772 #f3e4a1 #f9f2d0

Analogous

#e15514 #ea885b #e2bc14 #b3e743 #a0e114 #80b410

Complementary Mix

#88710c #e2bc14 #eed772 #1439e1 #667eec #0d2592

Nearby Colors

#e2bc13
#e2bc15
#e2bc04
#e2bc24

Embed #E2BC14 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #E2BC14

#E2BC14 converts to RGB(226, 188, 20) and HSL(49, 84%, 48%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#E2BC14 FAQs

What is the RGB value of #E2BC14?
RGB: 226, 188, 20. Copy as CSS: rgb(226, 188, 20)
Is #E2BC14 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #E2BC14?
Complement: #1439e1.
Does #E2BC14 have good contrast on white or black?
On white: 1.84:1 (Fails AA). On black: 11.44:1 (AAA (normal text)).