#FFE374 Hex Color

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

Hex color #ffe374 graphic
This bright, high-saturation yellow carries a warm, sunny disposition that immediately commands attention. The hex code #ffe374 works best as an accent color for calls-to-action or highlighting, as it can overwhelm a composition if overused. Pair it with deep charcoal or navy text to ensure readability, as it maintains excellent contrast standards for body type. Avoid using it against white, where it tends to wash out.

Questions about #ffe374

What is #ffe374 in RGB, HSL and CMYK?
In RGB, #ffe374 is rgb(255, 227, 116), in HSL hsl(48, 100%, 73%) and in CMYK 0%, 11%, 55%, 0%.
How should #ffe374 be used in UI design?
Because #ffe374 is highly saturated, it functions best as an accent color for buttons or call-to-action highlights rather than large backgrounds. Ensure readability by pairing it with high-contrast text, such as charcoal or navy, to maintain accessibility standards.
Does #ffe374 work well on white backgrounds?
Avoid using #ffe374 directly against white, as the low contrast can make the color appear washed out and difficult to read. It performs much better when anchored by deep, dark colors that provide a necessary visual boundary.
Is #ffe374 readable on white or black?
#ffe374 has a 1.27:1 contrast ratio on white and 16.49: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.