#FDD300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation yellow demands attention, making it an ideal choice for UI accents like sale buttons or call-to-action prompts. Because #fdd300 is so intense, it can overwhelm a design if used as a primary background. It pairs exceptionally well with charcoal greys or deep navy for high-contrast legibility. This warm hex code offers excellent readability with black text, ensuring your message stays clear.
Questions about #fdd300
What is #fdd300 in RGB, HSL and CMYK?
In RGB, #fdd300 is rgb(253, 211, 0), in HSL hsl(50, 100%, 50%) and in CMYK 0%, 17%, 100%, 1%.
What is the best way to use #fdd300 in a UI layout?
Use #fdd300 specifically for high-impact accents like call-to-action buttons or notification badges. Because it is so saturated, avoid using it as a primary background color, as it can overwhelm the interface and make long-form text difficult to read.
Is #fdd300 readable on white or black?
#fdd300 has a 1.44:1 contrast ratio on white and 14.49: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.