#FFBF02 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow is warm and energetic, demanding attention in any design. Because it is so bright, #ffbf02 works best as a 10% accent color for buttons or call-to-action elements rather than a large background. It pairs exceptionally well with charcoal grays and deep navies, which provide the contrast needed for readability. The hex code for this glowing shade is #ffbf02.
Questions about #ffbf02
What is #ffbf02 in RGB, HSL and CMYK?
In RGB, #ffbf02 is rgb(255, 191, 2), in HSL hsl(45, 100%, 50%) and in CMYK 0%, 25%, 99%, 0%.
How can I effectively use #ffbf02 in a user interface?
Because #ffbf02 is highly saturated and intense, use it sparingly as a 10% accent color for primary call-to-action buttons, notifications, or critical UI highlights. Avoid using it as a text or background color to prevent readability issues and visual fatigue.
Is #ffbf02 readable on white or black?
#ffbf02 has a 1.65:1 contrast ratio on white and 12.70: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.