#FF8C12 Hex Color
Bold and luminous high-energy neon orange
High-energy and luminous, #ff8c12 acts as an attention-grabbing neon orange. Its intense saturation makes it difficult to read as a large-scale background, but it serves effectively as a 10% accent color for calls to action or sports branding. Pair this hex code with deep charcoal grays instead of stark white to avoid visual vibration. It provides excellent contrast for black text in UI elements.
Questions about #ff8c12
What is #ff8c12 in RGB, HSL and CMYK?
In RGB, #ff8c12 is rgb(255, 140, 18), in HSL hsl(31, 100%, 54%) and in CMYK 0%, 45%, 93%, 0%.
How should I use #ff8c12 in a UI design?
#ff8c12 functions best as a high-impact accent color for buttons or alerts rather than a large background. Use it sparingly to guide user attention toward call to action elements, ensuring you pair it with high-contrast text like charcoal to maintain legibility.
Does #ff8c12 work well with dark themes?
#ff8c12 provides excellent visual contrast against dark backgrounds and black UI elements, making it ideal for energetic accents. When placed against a deep gray, the color appears more luminous and prevents the vibrating effect that often happens when it is paired with white.
Is #ff8c12 readable on white or black?
#ff8c12 has a 2.33:1 contrast ratio on white and 9.01: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.