#FFBB30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, golden-orange that radiates energy and optimism. This hue demands immediate attention, making it an excellent choice for call-to-action buttons or safety alerts. Because of its intensity, #ffbb30 functions best as a focused accent rather than a full-page background. It provides strong contrast with black text for clear readability. The hex code for this shade is #ffbb30.
Questions about #ffbb30
What is #ffbb30 in RGB, HSL and CMYK?
In RGB, #ffbb30 is rgb(255, 187, 48), in HSL hsl(40, 100%, 59%) and in CMYK 0%, 27%, 81%, 0%.
How can I use #ffbb30 in interface design without overwhelming the user?
Reserve #ffbb30 exclusively for functional highlights like call-to-action buttons or success notifications to maintain visual hierarchy. Because of its extreme intensity, it functions most effectively as a small pop of color against neutral backdrops rather than a structural element.
Is #ffbb30 readable on white or black?
#ffbb30 has a 1.69:1 contrast ratio on white and 12.40: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.