#FADE62 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-visibility yellow is bright and energetic, functioning best as an accent color for sale banners or construction alerts. The hex code for this shade is #fade62. Because of its intense saturation, it can overwhelm a layout if used for large backgrounds. It pairs well with charcoal gray or deep navy to ground its intensity. If you are experimenting with mixing yellow, ensure you maintain high-contrast black text for accessibility.
Questions about #fade62
What is #fade62 in RGB, HSL and CMYK?
In RGB, #fade62 is rgb(250, 222, 98), in HSL hsl(49, 94%, 68%) and in CMYK 0%, 11%, 61%, 2%.
What colors pair well with the #fade62 yellow?
Deep charcoal gray or navy blue provide the best contrast for #fade62, grounding its intense saturation and making it easier to read. Using these dark, neutral tones creates a professional look that prevents the yellow from overwhelming your primary layout.
Is #fade62 readable on white or black?
#fade62 has a 1.33:1 contrast ratio on white and 15.68: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.