#F9B162 Hex Color

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

Hex color #f9b162 graphic
#f9b162 is a sunny, medium-light orange with a warm, peachy glow. It offers a friendly, youthful energy that avoids being overly neon. Because it provides high contrast with black text, it functions well as a background for UI elements. Use it as a secondary accent color to pair with deep charcoal or muted navy for a clean, modern contrast. The hex code for this shade is #f9b162.

Questions about #f9b162

What is #f9b162 in RGB, HSL and CMYK?
In RGB, #f9b162 is rgb(249, 177, 98), in HSL hsl(31, 93%, 68%) and in CMYK 0%, 29%, 61%, 2%.
What colors pair best with #f9b162 for professional designs?
#f9b162 shines brightest when balanced by cooler, grounded tones. Pair it with a deep navy or charcoal to create a sophisticated, high-contrast look that prevents the orange from feeling overwhelming on the eyes.
Is #f9b162 a safe choice for background text?
Because #f9b162 is a mid-tone, high-vibrancy color, it is generally unsuitable for small body text. Use it instead as a bold, energetic background for large headlines or interactive buttons where readability is prioritized against a dark, contrasting foreground color.
Is #f9b162 readable on white or black?
#f9b162 has a 1.82:1 contrast ratio on white and 11.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.