#ECCB00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-energy yellow is intense and demanding. Because #eccb00 pushes toward a neon warmth, it works best as a sharp 10% accent rather than a background. Use it for call-to-action buttons or highlights where you need immediate attention. It pairs unexpectedly well with deep charcoal or slate gray, which grounds the yellow and prevents it from looking cheap. The hex code for this yellow is #eccb00.
Questions about #eccb00
What is #eccb00 in RGB, HSL and CMYK?
In RGB, #eccb00 is rgb(236, 203, 0), in HSL hsl(52, 100%, 46%) and in CMYK 0%, 14%, 100%, 7%.
How can I effectively pair #eccb00 without it looking overwhelming?
Because #eccb00 is incredibly intense, it functions best when grounded by deep neutrals like charcoal or slate gray. These darker tones provide the necessary contrast to tame the neon warmth of the yellow, preventing it from appearing cheap or jarring in a design.
Is #eccb00 suitable for large text backgrounds or primary branding?
This color is generally too demanding for large background areas or body text, as its high saturation causes eye strain quickly. Reserve #eccb00 for small UI elements, notification badges, or tactical highlights where you need to draw the eye immediately.
Is #eccb00 readable on white or black?
#eccb00 has a 1.60:1 contrast ratio on white and 13.10: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.