#F0B256 Hex Color

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

Hex color #f0b256 graphic
This golden-orange shade features a high saturation that feels warm and energetic. While it risks looking washed out next to lighter hues, it provides strong contrast for black text. Use #f0b256 as a bold accent color in 10% of your palette to create a playful focal point. It pairs well with deep charcoal grays, preventing the tone from becoming overwhelming in a design. The hex code is #f0b256.

Questions about #f0b256

What is #f0b256 in RGB, HSL and CMYK?
In RGB, #f0b256 is rgb(240, 178, 86), in HSL hsl(36, 84%, 64%) and in CMYK 0%, 26%, 64%, 6%.
How can I balance the intensity of #f0b256 in a UI design?
Use #f0b256 strictly as a 10% accent color to prevent visual fatigue, allowing the shade to act as a purposeful focal point. Pairing it with charcoal or deep slate grays provides the necessary grounding to keep the layout feeling professional.
Is #f0b256 readable on white or black?
#f0b256 has a 1.87:1 contrast ratio on white and 11.20: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.