#FAD167 Hex Color

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

Hex color #fad167 graphic
#fad167 is a warm, high-chroma yellow that feels energetic and approachable. Because of its intensity, it functions best as an accent color rather than a primary background, where it can easily overwhelm the eye. This shade pairs surprisingly well with deep charcoal or navy blue to ground its brightness. The hex code for this cheerful yellow is #fad167, and it maintains excellent readability when paired with standard black text.

Questions about #fad167

What is #fad167 in RGB, HSL and CMYK?
In RGB, #fad167 is rgb(250, 209, 103), in HSL hsl(43, 94%, 69%) and in CMYK 0%, 16%, 59%, 2%.
How can I effectively use #fad167 without it becoming overwhelming?
#fad167 is best utilized as a focused accent color rather than a primary background because its high saturation commands attention quickly. It balances beautifully against deep navy blue or charcoal, which ground its intensity and prevent it from feeling too chaotic.
Is #fad167 readable on white or black?
#fad167 has a 1.46:1 contrast ratio on white and 14.38: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.