#EAB223 Hex Color

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

Hex color #eab223 graphic
This warm, saturated golden yellow commands attention. Because it is highly visible, #eab223 functions best as a high-impact accent or CTA button rather than a background color. It pairs surprisingly well with deep charcoal grays or rich navy blues to ground its intense energy. Since it holds a strong contrast ratio, standard black text remains readable and clear against this hex code.

Questions about #eab223

What is #eab223 in RGB, HSL and CMYK?
In RGB, #eab223 is rgb(234, 178, 35), in HSL hsl(43, 83%, 53%) and in CMYK 0%, 24%, 85%, 8%.
What colors pair well with #eab223 in a design?
#eab223 functions best when grounded by deep neutrals like charcoal or navy blue, which prevent the yellow from feeling too chaotic. Avoid pairing it with lighter, washed-out tones that will cause the design to lose contrast and visual clarity.
Is #eab223 safe to use for text on websites?
Using #eab223 for text is generally discouraged because its high brightness makes it difficult to read against white or light gray backgrounds. It is much more effective as a bold accent color that draws the eye toward important interface elements.
Is #eab223 readable on white or black?
#eab223 has a 1.92:1 contrast ratio on white and 10.89: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.