#FDD401 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow commands attention, making it ideal for call-to-action buttons or sale banners where you need immediate visibility. Because #fdd401 is so bright, it can overwhelm a layout if used as a primary background, so it functions best as a 10% accent color. Pair it with deep charcoal text to ensure maximum readability. The hex code for this energetic shade is #fdd401.
Questions about #fdd401
What is #fdd401 in RGB, HSL and CMYK?
In RGB, #fdd401 is rgb(253, 212, 1), in HSL hsl(50, 99%, 50%) and in CMYK 0%, 16%, 100%, 1%.
What is the best way to use #fdd401 in a UI design?
Use #fdd401 strictly as a 10% accent color for interactive elements like call-to-action buttons or sale banners to avoid overwhelming your layout. It demands high visibility and works exceptionally well when contrasted against deep charcoal or near-black text for readability.
Does #fdd401 work well for text?
Avoid using #fdd401 for body text or large blocks because its extreme brightness compromises legibility on almost any background color. It is strictly a display color meant for small, punchy focal points where you need to guide the user's attention instantly.
Is #fdd401 readable on white or black?
#fdd401 has a 1.43:1 contrast ratio on white and 14.59: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.