#FFC300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy, golden yellow commands instant attention. The hex code #ffc300 feels spontaneous and bright, making it an ideal accent color for sale banners, warning signs, or construction branding. It is too intense for large backgrounds, but it pops aggressively against black text. Pair this vivid, warm tone with deep charcoal grays to ground its sparkling, enthusiastic nature without losing visibility.
Questions about #ffc300
What is #ffc300 in RGB, HSL and CMYK?
In RGB, #ffc300 is rgb(255, 195, 0), in HSL hsl(46, 100%, 50%) and in CMYK 0%, 24%, 100%, 0%.
What colors pair well with the vibrant #ffc300?
Use deep charcoal or dark gray text to ground #ffc300 and ensure readability, as this pairing creates a professional contrast that prevents the yellow from feeling overwhelming. You can also experiment with complementary purple tones for a dynamic, high-contrast look.
Is #ffc300 readable on white or black?
#ffc300 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.