#F4A158 Hex Color
Energetic mid-tone orange with sunny warmth
This warm, mid-tone orange radiates a sunny and energetic quality. Because of its high saturation, #f4a158 works best as a punchy accent color rather than a large background field, where it might overwhelm the eyes. It pairs beautifully with deep charcoal grays, providing excellent readability for black text. The hex code for this lively shade is #f4a158.
Questions about #f4a158
What is #f4a158 in RGB, HSL and CMYK?
In RGB, #f4a158 is rgb(244, 161, 88), in HSL hsl(28, 88%, 65%) and in CMYK 0%, 34%, 64%, 4%.
How should #f4a158 be used in web design?
Because #f4a158 is highly saturated, it functions best as a focused accent color rather than a primary background shade to prevent visual fatigue. Use it sparingly for call-to-action buttons or small highlights against neutral, dark backgrounds like charcoal.
Is #f4a158 suitable for text on light backgrounds?
No, #f4a158 is too bright and lacks the necessary contrast ratio to be legible as text on a standard white or light gray background. Always pair this vibrant orange with dark colors like charcoal to maintain accessibility standards.
Is #f4a158 readable on white or black?
#f4a158 has a 2.08:1 contrast ratio on white and 10.08: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.