#FAE164 Hex Color
A vibrant sun-drenched yellow hue
This high-energy yellow feels like a bright spotlight, making it perfect for sale buttons or call-to-action elements. Because it has strong saturation, it works best as a small accent rather than a full background. The hex code for this color is #fae164. Black text remains highly legible against this tone, which is useful when mixing yellow for web graphics or signage.
Questions about #fae164
What is #fae164 in RGB, HSL and CMYK?
In RGB, #fae164 is rgb(250, 225, 100), in HSL hsl(50, 94%, 69%) and in CMYK 0%, 10%, 60%, 2%.
How should I use #fae164 in web design?
Use #fae164 sparingly as a high-contrast accent color for buttons or notification badges. Because it is highly saturated, it draws the eye immediately, making it ideal for call-to-action elements, but it can overwhelm a layout if used as a main background color.
Which text colors work best against #fae164?
High-contrast dark text like charcoal or deep matte black provides the best readability against this bright yellow. Avoid using light text or pastel shades over #fae164, as they will lack the necessary contrast ratio to meet basic web accessibility standards for standard body text.
Is #fae164 readable on white or black?
#fae164 has a 1.31:1 contrast ratio on white and 16.01: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.