#FDB827 Hex Color

Vibrant and punchy golden orange energy

Hex color #fdb827 graphic
High-saturation orange-yellow demands attention. The hex code #fdb827 pairs cleanly with black text, offering a 12.1:1 contrast ratio for high readability. Given its intensity, designers should treat this shade as a bold accent or call-to-action button rather than a large background. It adds a spark of energy to branding and UI projects that require accessibility and a punchy, positive aesthetic.

Questions about #fdb827

What is #fdb827 in RGB, HSL and CMYK?
In RGB, #fdb827 is rgb(253, 184, 39), in HSL hsl(41, 98%, 57%) and in CMYK 0%, 27%, 85%, 1%.
How can I use #fdb827 effectively in UI design?
#fdb827 works best as a deliberate accent or call-to-action button color rather than a background. Because it offers a strong 12.1:1 contrast ratio against black text, it ensures high readability while injecting a necessary spark of energy into your layouts.
What colors pair well with #fdb827?
#fdb827 pairs exceptionally well with deep, grounding tones like charcoal or navy to balance its high intensity. Using it against darker neutrals prevents the color from feeling overwhelming while maintaining its bold, positive aesthetic appeal for modern branding.
Is #fdb827 readable on white or black?
#fdb827 has a 1.74:1 contrast ratio on white and 12.06: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.