#EAC356 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This golden, saturated yellow radiates warmth and optimistic energy. The hex code #eac356 functions best as a high-impact accent color for call-to-action buttons or sale banners, as it is too aggressive for large backgrounds. Pair it with deep charcoal or slate gray to ground its intensity. Because it offers strong contrast against black text, it maintains excellent readability for headers and UI elements.
Questions about #eac356
What is #eac356 in RGB, HSL and CMYK?
In RGB, #eac356 is rgb(234, 195, 86), in HSL hsl(44, 78%, 63%) and in CMYK 0%, 17%, 63%, 8%.
What colors pair well with #eac356 for UI design?
This golden yellow stands out effectively against charcoal or deep slate tones, which provide the necessary contrast for readability. Pairing #eac356 with neutral backgrounds ensures the color acts as an energetic highlight without overwhelming the user interface.
Is #eac356 suitable for large-scale text or backgrounds?
Using #eac356 as a primary background or for large text blocks is generally discouraged because the high saturation can cause eye strain. It functions most effectively when reserved for call-to-action buttons, warning icons, or vibrant graphic accents.
Is #eac356 readable on white or black?
#eac356 has a 1.68:1 contrast ratio on white and 12.43: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.