#E4B150 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

#e4b150 is a warm, goldenrod yellow with high saturation that radiates energy. Because it feels approachable and friendly, this tone works best as a supporting accent rather than a dominant background. Pair it with deep charcoal or navy to create strong visual interest. With black text, the hex code #e4b150 maintains high contrast, making it a reliable choice for buttons or headers in upbeat interface designs.

Questions about #e4b150

What is #e4b150 in RGB, HSL and CMYK?

In RGB, #e4b150 is rgb(228, 177, 80), in HSL hsl(39, 73%, 60%) and in CMYK 0%, 22%, 65%, 11%. Browse more shades of yellow with names and hex codes.

How can I effectively use #e4b150 in UI design?

#e4b150 works best as a strategic accent rather than a background, making it perfect for call-to-action buttons or highlighted navigation elements. Because it possesses high saturation, pair it with navy or charcoal to ground the design and maintain professional readability.

Is #e4b150 readable on white or black?

#e4b150 has a 1.96:1 contrast ratio on white and 10.70:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.

#E4B150 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #e4b150

Color tools

Resources