#F29C50 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bright and high-energy, #f29c50 is a saturated, golden-orange that demands attention. It functions best as an accent color rather than a primary background to avoid overwhelming a design. Because it offers excellent contrast with black text, it works effectively for safety signage or bold call-to-action buttons. Use this hex code sparingly to keep your interface feeling intentional and balanced.
Questions about #f29c50
What is #f29c50 in RGB, HSL and CMYK?
In RGB, #f29c50 is rgb(242, 156, 80), in HSL hsl(28, 86%, 63%) and in CMYK 0%, 36%, 67%, 5%.
How can I use #f29c50 effectively in web design?
#f29c50 is a high-energy accent color that can easily overwhelm if used for backgrounds. It works best for small, critical elements like call-to-action buttons, notification badges, or safety highlights where you need to draw the eye immediately. Pair it with charcoal or deep neutral text to maintain high readability and accessibility standards.
What colors pair well with #f29c50?
This vibrant orange thrives when balanced by cool, grounding tones that offset its intensity. It creates a professional, sophisticated look when paired with navy or teal, as these opposites on the color wheel provide a natural, harmonious contrast. Avoid pairing it with other neon shades to prevent visual clashing.
Is #f29c50 readable on white or black?
#f29c50 has a 2.17:1 contrast ratio on white and 9.64: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.