#FDB515 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fdb515 is a high-saturation, warm orange with a distinct golden glow. It feels energetic and aggressive, making it an excellent choice for safety signage or bold UI accents rather than large backgrounds. Pair this hex code with deep charcoal or slate greys for maximum readability, as black text offers excellent contrast against it. Use it sparingly to inject instant personality into your design.
Questions about #fdb515
What is #fdb515 in RGB, HSL and CMYK?
In RGB, #fdb515 is rgb(253, 181, 21), in HSL hsl(41, 98%, 54%) and in CMYK 0%, 28%, 92%, 1%. Browse more shades of yellow with names and hex codes.
How do I use #fdb515 in UI design without overwhelming the viewer?
#fdb515 is an aggressive, high-energy hue that works best as a targeted call-to-action button or a small icon rather than a background. Because of its intensity, always pair it with deep charcoal or dark text to ensure the content remains readable and accessible.
What colors pair best with #fdb515 for a balanced palette?
This golden orange creates the most professional look when contrasted against grounded neutrals like slate or charcoal. Avoid placing it next to other high-saturation colors, as they will compete for attention and quickly create visual fatigue for the user.
Is #fdb515 readable on white or black?
#fdb515 has a 1.78:1 contrast ratio on white and 11.79: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.