#F1B321 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f1b321 is a high-energy, golden yellow that demands attention. Because it is bright and saturated, this shade functions best as a 10 percent accent rather than a full background color. It pairs unexpectedly well with deep charcoal or slate greys for a modern, industrial look. The hex code for this punchy, optimistic yellow is #f1b321, and it maintains excellent contrast with black text.
Questions about #f1b321
What is #f1b321 in RGB, HSL and CMYK?
In RGB, #f1b321 is rgb(241, 179, 33), in HSL hsl(42, 88%, 54%) and in CMYK 0%, 26%, 86%, 5%.
Where should I use #f1b321 in my design layout?
#f1b321 is most effective as a 10 percent accent color because its high saturation can overwhelm the eye when used in large blocks. Use it for call-to-action buttons, data highlights, or small UI elements against dark backgrounds.
What colors pair well with #f1b321?
This golden yellow balances perfectly against charcoal or slate greys, which provide the grounding necessary to tone down its brightness. It also offers excellent readability when placed against dark neutral backgrounds, making it a reliable choice for accessible text highlights.
Is #f1b321 readable on white or black?
#f1b321 has a 1.87:1 contrast ratio on white and 11.21: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.