#E6B53C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This golden yellow radiates intense warmth and energy. Use it as a small accent for buttons or banners, as its high saturation can easily overwhelm large backgrounds. It pairs well with deep charcoals to ground the visual impact. The hex code #e6b53c supports excellent accessibility, allowing black text to read clearly with an 11.0:1 contrast ratio on small UI elements.
Questions about #e6b53c
What is #e6b53c in RGB, HSL and CMYK?
In RGB, #e6b53c is rgb(230, 181, 60), in HSL hsl(43, 77%, 57%) and in CMYK 0%, 21%, 74%, 10%. Browse more shades of yellow with names and hex codes.
How can I effectively use #e6b53c in UI design?
#e6b53c is highly saturated and demands attention, so it functions best as a small accent color for call-to-action buttons or highlights. Because it is so bright, avoid using it as a large background to ensure the interface remains easy on the eyes.
What colors pair well with #e6b53c for a balanced palette?
This golden yellow creates a sophisticated, grounding effect when paired with deep charcoal or dark gray text. The high contrast between the two ensures readability while the dark tones prevent the brightness of #e6b53c from becoming overwhelming to the viewer.
Is #e6b53c readable on white or black?
#e6b53c has a 1.90:1 contrast ratio on white and 11.03: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.