#F8C679 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f8c679 is a light, mellow orange with distinct yellow undertones. Because it carries such a high, airy lightness, it works best as a primary background color rather than a small accent, where it might get lost. It pairs surprisingly well with deep charcoal or slate blue, creating a modern, clean contrast. The hex code for this cheerful, glowing shade is #f8c679.
Questions about #f8c679
What is #f8c679 in RGB, HSL and CMYK?
In RGB, #f8c679 is rgb(248, 198, 121), in HSL hsl(36, 90%, 72%) and in CMYK 0%, 20%, 51%, 3%. Browse more shades of orange with names and hex codes.
What colors pair well with #f8c679?
Because #f8c679 is quite luminous, it balances perfectly against deep, grounded neutrals. Try pairing it with charcoal for high-contrast, modern text or slate blue to create a sophisticated, clean interface that feels both energetic and professional.
Is #f8c679 a good choice for text?
Avoid using #f8c679 as a text color because it lacks the necessary contrast against light backgrounds for readability standards. It functions best as an expansive background fill or a vibrant accent button where the lightness can truly shine.
Is #f8c679 readable on white or black?
#f8c679 has a 1.57:1 contrast ratio on white and 13.34: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.