#FFAB1B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ffab1b is a high-energy orange that feels bright and uninhibited. Its intense saturation makes it difficult to use as a full background, as it easily overwhelms a page. Instead, use this shade as a high-visibility accent to guide attention. It pairs effectively with deep charcoals for a modern, industrial look. The hex code for this glowing tone is #ffab1b.
Questions about #ffab1b
What is #ffab1b in RGB, HSL and CMYK?
In RGB, #ffab1b is rgb(255, 171, 27), in HSL hsl(38, 100%, 55%) and in CMYK 0%, 33%, 89%, 0%.
How should I use #ffab1b in web design?
Reserve #ffab1b for high-impact elements like call-to-action buttons or notification badges rather than filling large screen areas. Its intense saturation quickly fatigues the eye, so balance it against grounded neutral tones like charcoal or deep slate to maintain readability.
Does #ffab1b work well with dark themes?
Yes, #ffab1b provides excellent contrast against dark, desaturated backgrounds, making it a perfect choice for highlighting important data points or navigational icons in dark-mode interfaces. Use it sparingly to ensure your UI remains accessible and visually cohesive without becoming cluttered.
Is #ffab1b readable on white or black?
#ffab1b has a 1.89:1 contrast ratio on white and 11.09: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.