#FED406 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fed406 is a high-saturation yellow that commands immediate attention. Its intense brightness makes it an aggressive choice for buttons or sale banners, but it can overwhelm large backgrounds. Because it maintains strong contrast against black text, it works well for UI elements that require readability. Pair this neon yellow with deep charcoal or slate greys to temper its manic energy in your design system.
Questions about #fed406
What is #fed406 in RGB, HSL and CMYK?
In RGB, #fed406 is rgb(254, 212, 6), in HSL hsl(50, 99%, 51%) and in CMYK 0%, 17%, 98%, 0%.
How can I balance the intensity of #fed406 in my designs?
You can effectively temper the high energy of #fed406 by pairing it with dark, neutral tones like charcoal or deep slate greys. Using these dark, grounded colors as a backdrop allows the yellow to pop as an accent without overwhelming your visual hierarchy.
Is #fed406 readable on white or black?
#fed406 has a 1.43:1 contrast ratio on white and 14.63: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.