#FDE862 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-chroma yellow commands immediate attention. Designers utilize the hex code #fde862 to create high-visibility accents rather than large background fills. It pairs best with deep charcoals, as the dark contrast makes the color pop without straining the eyes. Black text maintains a 16.9:1 contrast ratio against this hue, ensuring excellent readability for small, critical interface elements.
Questions about #fde862
What is #fde862 in RGB, HSL and CMYK?
In RGB, #fde862 is rgb(253, 232, 98), in HSL hsl(52, 97%, 69%) and in CMYK 0%, 8%, 61%, 1%. Browse more shades of yellow with names and hex codes.
What colors pair well with #fde862 for UI design?
High-chroma yellows like #fde862 perform best when paired with deep charcoal or dark gray tones to ground the brightness. Using dark neutrals prevents the yellow from feeling overwhelming and maintains necessary visual contrast for accessible text elements.
Is #fde862 suitable for large background areas?
Designers should generally avoid using #fde862 as a large background fill because its intense brightness can cause eye strain. It is much more effective when used as a strategic accent to draw attention to call-to-action buttons or highlights.
Is #fde862 readable on white or black?
#fde862 has a 1.24:1 contrast ratio on white and 16.89: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.