#FFBD4A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy yellow-orange brings a punch of warmth to any composition. Due to its intense saturation, #ffbd4a functions best as a small accent color rather than a dominant background. It pairs effectively with charcoal or deep navy for modern, high-contrast branding. For accessible typography, use black text, as it maintains a clean 12.6:1 contrast ratio. The hex code for this shade is #ffbd4a.
Questions about #ffbd4a
What is #ffbd4a in RGB, HSL and CMYK?
In RGB, #ffbd4a is rgb(255, 189, 74), in HSL hsl(38, 100%, 65%) and in CMYK 0%, 26%, 71%, 0%.
How can I effectively use #ffbd4a in a UI design?
#ffbd4a functions best as a small accent or call-to-action button color rather than a large background. Its intense saturation can overwhelm the eye, so balance it by surrounding it with charcoal or deep navy to maintain a modern aesthetic.
Is #ffbd4a readable on white or black?
#ffbd4a has a 1.66:1 contrast ratio on white and 12.62: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.