#E6C03A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated yellow #e6c03a carries an energetic, warm glow. Best served as a 10 percent accent for calls to action or UI alerts, it can quickly overwhelm a layout as a primary background. It pairs exceptionally well with charcoal gray to maintain high readability. With black text, the hex code provides excellent contrast for small, essential interface elements.
Questions about #e6c03a
What is #e6c03a in RGB, HSL and CMYK?
In RGB, #e6c03a is rgb(230, 192, 58), in HSL hsl(47, 77%, 56%) and in CMYK 0%, 17%, 75%, 10%.
How should I use #e6c03a in web design?
#e6c03a serves best as a vibrant accent color for essential UI elements like call-to-action buttons or success alerts. Because it is highly saturated, avoid using it as a large background color, as it can overwhelm the user's eyes and fatigue the layout.
What colors pair well with #e6c03a?
Is #e6c03a readable on white or black?
#e6c03a has a 1.75:1 contrast ratio on white and 11.96: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.