#FFBA26 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and warm, this yellow-orange tone commands attention in any layout. The hex code for this color is #ffba26. Due to its intense brightness, reserve it for small accents like buttons or alerts rather than large backgrounds. It provides excellent legibility with black text, boasting a 12.3:1 contrast ratio that ensures users can read your content without strain.
Questions about #ffba26
What is #ffba26 in RGB, HSL and CMYK?
In RGB, #ffba26 is rgb(255, 186, 38), in HSL hsl(41, 100%, 57%) and in CMYK 0%, 27%, 85%, 0%.
Where should I use #ffba26 in a design layout?
Because #ffba26 is exceptionally bright and saturated, it works best as a focused accent color rather than a background. Use it for call-to-action buttons, alert icons, or highlighted text elements to guide user attention without overwhelming your primary interface palette.
Is #ffba26 readable on white or black?
#ffba26 has a 1.70:1 contrast ratio on white and 12.30: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.