#FFC500 Hex Color
A high-visibility yellow with intense warmth
A bright, highly saturated yellow, #ffc500 commands attention with its intense, glowing warmth. This shade works best as an accent color for calls to action or small UI elements where you need high visibility. Because it creates excellent contrast with black text, it remains readable in small sizes. Use this hex code sparingly, as its neon quality can easily overwhelm large backgrounds or layouts.
Questions about #ffc500
What is #ffc500 in RGB, HSL and CMYK?
In RGB, #ffc500 is rgb(255, 197, 0), in HSL hsl(46, 100%, 50%) and in CMYK 0%, 23%, 100%, 0%.
Where should I use #ffc500 in my UI design?
#ffc500 works best as an accent color for functional elements like primary call to action buttons or warning notifications. Because it is highly saturated, it naturally draws the eye and helps critical interface items stand out against neutral or dark layouts.
Is #ffc500 readable on white or black?
#ffc500 has a 1.58:1 contrast ratio on white and 13.23: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.