#FBAE20 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A loud, juicy orange that grabs attention fast. #fbae20 has enough contrast with black text (about 11.2:1) for small labels, so it works well for buttons, badges, and highlights. But that punch fades next to white, which fails WCAG contrast at roughly 2.1:1. Treat it as a 10 percent accent in your palette, not a full page background.
Questions about #fbae20
What is #fbae20 in RGB, HSL and CMYK?
In RGB, #fbae20 is rgb(251, 174, 32), in HSL hsl(39, 96%, 55%) and in CMYK 0%, 31%, 87%, 2%. Browse more shades of orange with names and hex codes.
What colors pair well with #fbae20?
Charcoal, navy, and warm brown all ground its intensity. Avoid pairing it with white text or large white fields, since the contrast drops to around 2.1:1.
Where does #fbae20 shine in UI design?
Calls to action, badges, price tags, and highlight moments in sports or youth branding. Anywhere you need a burst of urgency, #fbae20 delivers it.
Is #fbae20 readable on white or black?
#fbae20 has a 1.87:1 contrast ratio on white and 11.17: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.