#F7A102 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f7a102 is a high-saturation, warm orange with a bright, neon-adjacent glow. Because it commands attention, this shade functions best as a 10% accent color rather than a large background. It pairs exceptionally well with deep charcoal or slate greys to create a modern, high-contrast look. This hex code provides enough clarity for readable text, making it a functional choice for bold, playful UI alerts.
Questions about #f7a102
What is #f7a102 in RGB, HSL and CMYK?
In RGB, #f7a102 is rgb(247, 161, 2), in HSL hsl(39, 98%, 49%) and in CMYK 0%, 35%, 99%, 3%.
What is the best way to use #f7a102 in a design?
Because #f7a102 is so vibrant, treat it as a tactical 10% accent rather than a primary background color. It creates a striking, modern look when paired against neutral dark backgrounds like charcoal or deep slate, ensuring the color maintains high visual impact without overwhelming the user interface.
Is #f7a102 readable on white or black?
#f7a102 has a 2.08:1 contrast ratio on white and 10.05: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.