#F2C204 Hex Color

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

Select a Color

This high-energy yellow commands immediate attention in any layout. Because of its extreme saturation, it functions best as a 10% accent color rather than a primary background. Pair it with deep charcoal or navy to ground the intensity. The hex code for this yellow is #f2c204, which passes accessibility standards for readability with sharp black text.

Questions about #f2c204

What is #f2c204 in RGB, HSL and CMYK?

In RGB, #f2c204 is rgb(242, 194, 4), in HSL hsl(48, 97%, 48%) and in CMYK 0%, 20%, 98%, 5%.

What colors pair best with #f2c204 for a balanced design?

Use #f2c204 as a high-impact accent alongside navy or charcoal to ground its intensity. Because this yellow is highly saturated, avoid using it as a primary background color to prevent eye strain and maintain design hierarchy.

Is #f2c204 readable on white or black?

#f2c204 has a 1.68:1 contrast ratio on white and 12.49: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.

#F2C204 Hex Color

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

Questions about #f2c204

Color tools

Resources