#FFF100 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon yellow is highly saturated and demands immediate attention. Because of its intense brightness, #fff100 works best as a small accent rather than a full background color, where it can quickly overwhelm a design. It pairs well with high-contrast black text, ensuring excellent readability. Use this hex code to inject energy into call-to-action buttons or highlights where you need to guide the user’s eye.
Questions about #fff100
What is #fff100 in RGB, HSL and CMYK?
In RGB, #fff100 is rgb(255, 241, 0), in HSL hsl(57, 100%, 50%) and in CMYK 0%, 5%, 100%, 0%.
How should I use #fff100 effectively in a UI design?
#fff100 functions best as a focused accent rather than a background color because its extreme saturation can quickly overwhelm users. Use it sparingly on primary call-to-action buttons or critical highlights to ensure high readability against dark backgrounds like charcoal.
Is #fff100 readable on white or black?
#fff100 has a 1.17:1 contrast ratio on white and 17.83: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.