#F2B21B Hex Color

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

Hex color #f2b21b graphic
#f2b21b is a high-saturation yellow that demands attention. Because this tone is so intense, it works best as an accent color for calls-to-action or critical UI alerts rather than a full background. Pair it with deep charcoal or navy to maximize visual impact. The hex code for this aggressive yellow is #f2b21b, and it offers excellent readability when used with black text.

Questions about #f2b21b

What is #f2b21b in RGB, HSL and CMYK?
In RGB, #f2b21b is rgb(242, 178, 27), in HSL hsl(42, 89%, 53%) and in CMYK 0%, 26%, 89%, 5%.
What colors pair best with #f2b21b?
#f2b21b works best when balanced against deep, neutral tones to reduce visual strain. Pair this intense yellow with charcoal or deep navy to create a sophisticated, high-contrast look that keeps your design readable and professional.
Is #f2b21b suitable for body text or large backgrounds?
Avoid using #f2b21b for body text or large background areas, as its high saturation can quickly overwhelm the viewer and cause eye fatigue. It is significantly more effective as an attention-grabbing highlight for specific UI elements.
Is #f2b21b readable on white or black?
#f2b21b has a 1.88:1 contrast ratio on white and 11.15: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.