#FFB60B Hex Color

A vibrant yellow orange with sunny energy

Hex color #ffb60b graphic
This bright, saturated yellow-orange feels energetic and warm. Because of its high intensity, #ffb60b works best as a punchy accent rather than a full page background. It pairs nicely with deep charcoal or navy blue to ground its playful nature. With a contrast ratio of 11.9:1 against black, this hex code ensures excellent readability for small text and fine UI details.

Questions about #ffb60b

What is #ffb60b in RGB, HSL and CMYK?
In RGB, #ffb60b is rgb(255, 182, 11), in HSL hsl(42, 100%, 52%) and in CMYK 0%, 29%, 96%, 0%.
How can I effectively use #ffb60b in a UI design?
#ffb60b functions best as a high-visibility accent color for buttons, alerts, or hover states rather than a background. Because it holds a strong 11.9:1 contrast ratio against black, it remains highly readable for critical interactive elements.
What colors pair well with the #ffb60b yellow-orange?
This warm hue balances beautifully when paired with navy or charcoal to reduce its intensity. These dark, grounded tones provide the necessary contrast to let the playfulness of #ffb60b stand out without overwhelming the viewer.
Is #ffb60b readable on white or black?
#ffb60b has a 1.75:1 contrast ratio on white and 11.94: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.