#FED97C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fed97c graphic
This glowing, pastel yellow offers a cheerful and approachable aesthetic. It functions best as an accent color for spring themes or branding that requires a sense of optimism. Because #fed97c provides high contrast against black text, it works well for legible UI elements. Pair this hex code with dark navy blues or soft grays to ground its high energy and prevent a washed-out appearance.

Questions about #fed97c

What is #fed97c in RGB, HSL and CMYK?
In RGB, #fed97c is rgb(254, 217, 124), in HSL hsl(43, 98%, 74%) and in CMYK 0%, 15%, 51%, 0%.
What colors pair well with #fed97c for design projects?
#fed97c works best when grounded by deep neutrals like charcoal or navy to prevent a washed-out appearance. If you need a more natural, organic feel, consider pairing it with a muted sage green or soft earth tones.
Is #fed97c readable on white or black?
#fed97c has a 1.36:1 contrast ratio on white and 15.43: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.