#FFC304 Hex Color
A high-energy, bold, and aggressive yellow
This high-energy yellow is bold and aggressive, commanding attention wherever it appears. Because it creates a striking 13.1:1 contrast with black text, it works exceptionally well for sale banners, call-to-action buttons, or high-visibility alerts. The hex code for this vivid shade is #ffc304. Use it sparingly as an accent color, as its intense saturation can easily overwhelm a design when applied in large blocks.
Questions about #ffc304
What is #ffc304 in RGB, HSL and CMYK?
In RGB, #ffc304 is rgb(255, 195, 4), in HSL hsl(46, 100%, 51%) and in CMYK 0%, 24%, 98%, 0%.
How can I effectively use #ffc304 without overwhelming my design?
Use #ffc304 sparingly as a strategic accent color for call-to-action buttons, notification badges, or sale highlights. Because it is highly saturated, it works best when paired with large neutral areas like charcoal or deep gray backgrounds to prevent visual fatigue.
Is #ffc304 readable on white or black?
#ffc304 has a 1.60:1 contrast ratio on white and 13.05: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.