#FFBD44 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, glowing orange feels energetic and playful without becoming overwhelming. Because of its high saturation, #ffbd44 works best as a 10% accent color rather than a primary background to avoid visual fatigue. It pairs surprisingly well with deep charcoal or navy blue, creating a sharp contrast. The hex code for this cheerful tone is #ffbd44, which remains accessible for text when paired with black.
Questions about #ffbd44
What is #ffbd44 in RGB, HSL and CMYK?
In RGB, #ffbd44 is rgb(255, 189, 68), in HSL hsl(39, 100%, 63%) and in CMYK 0%, 26%, 73%, 0%.
Does #ffbd44 work well as a primary background?
Avoid using #ffbd44 as a primary background color, as its intense saturation can quickly lead to eye strain and reduced readability. Instead, apply it as a highlight or accent color to guide user focus toward important elements within a more neutral interface layout.
How should I use #ffbd44 in my interface designs?
Use #ffbd44 sparingly as a 10% accent color to draw attention to call-to-action buttons or notifications without causing visual fatigue. Because of its saturation, it shines brightest when contrasted against dark backgrounds like charcoal or navy.
Is #ffbd44 readable on white or black?
#ffbd44 has a 1.66:1 contrast ratio on white and 12.61: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.