#FFC200 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated yellow commands attention with high energy and warmth. Because #ffc200 is so intense, it works best as a 10% accent rather than a full background color. Pair it with deep charcoal or navy text for optimal readability, as black text achieves an excellent contrast ratio. This hex code provides an ideal spark for calls to action, sales graphics, or cautionary signage where visibility matters.
Questions about #ffc200
What is #ffc200 in RGB, HSL and CMYK?
In RGB, #ffc200 is rgb(255, 194, 0), in HSL hsl(46, 100%, 50%) and in CMYK 0%, 24%, 100%, 0%.
How should I use #ffc200 in a layout?
Use #ffc200 as a small, high-impact accent, ideally covering about 10% of your design space to avoid overwhelming the viewer. It commands immediate attention, making it an excellent choice for primary call-to-action buttons or vital warning icons.
What colors pair best with #ffc200?
Is #ffc200 readable on white or black?
#ffc200 has a 1.61:1 contrast ratio on white and 12.96: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.