#F1A207 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated gold-orange demands attention with its high-energy, neon-adjacent glow. Because it is so aggressive, #f1a207 works best as a 10% accent rather than a dominant background. It pairs exceptionally well with charcoal grays or deep navies to ground its intensity. The hex code #f1a207 supports high-contrast black text, making it a functional choice for alerts, call-to-action buttons, or high-visibility design elements.
Questions about #f1a207
What is #f1a207 in RGB, HSL and CMYK?
In RGB, #f1a207 is rgb(241, 162, 7), in HSL hsl(40, 94%, 49%) and in CMYK 0%, 33%, 97%, 5%.
How should I best use #f1a207 in a design layout?
Apply #f1a207 sparingly as a strategic accent color rather than a primary background to avoid overwhelming the viewer. It shines brightest on call-to-action buttons or small UI alerts that require immediate visual priority against dark, neutral backdrops like charcoal.
Which color combinations ground the intensity of #f1a207?
Pair #f1a207 with deep, desaturated tones to create a balanced visual hierarchy. Using a grounding navy or a soft charcoal allows the energy of this orange to pop without appearing visually abrasive or chaotic on the page.
Is #f1a207 readable on white or black?
#f1a207 has a 2.11:1 contrast ratio on white and 9.91: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.