#FED56D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, high-saturation yellow carries a warm, optimistic energy that grabs attention. Because #fed56d offers strong contrast against black text, it works well for UI buttons or sale banners where readability matters. Use this hex code sparingly as a 10% accent color, as it can overwhelm layouts if used as a primary background. It pairs effectively with deep charcoals and navy blues.
Questions about #fed56d
What is #fed56d in RGB, HSL and CMYK?
In RGB, #fed56d is rgb(254, 213, 109), in HSL hsl(43, 99%, 71%) and in CMYK 0%, 16%, 57%, 0%.
How can #fed56d be used effectively in UI design?
#fed56d is best utilized as a high-impact accent color for call-to-action buttons or sale banners because it commands attention without dominating a layout. Limit its use to about 10 percent of your overall design to avoid visual fatigue.
Which color combinations work well with #fed56d?
Is #fed56d readable on white or black?
#fed56d has a 1.40:1 contrast ratio on white and 14.95: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.