#FDB614 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This energetic golden-yellow brings instant warmth to any design. The hex code #fdb614 is highly saturated, so use it sparingly as a 10% accent rather than a main background. It pairs cleanly with charcoal grays for high-contrast UI elements. Since this color maintains an excellent 11.9:1 contrast ratio with black text, it remains a smart choice for buttons or headers that require immediate visual attention.
Questions about #fdb614
What is #fdb614 in RGB, HSL and CMYK?
In RGB, #fdb614 is rgb(253, 182, 20), in HSL hsl(42, 98%, 54%) and in CMYK 0%, 28%, 92%, 1%.
Where should I use #fdb614 in my UI designs?
#fdb614 works best as a 10% accent color rather than a primary background because of its high saturation levels. It is highly effective for call-to-action buttons or headers where you need to draw the user's eye immediately.
Is #fdb614 readable on white or black?
#fdb614 has a 1.76:1 contrast ratio on white and 11.87: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.