#FC7E1E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy orange demands attention, making it an excellent choice for accents, calls to action, or safety-focused design. Because of its intense chroma, it can overwhelm large backgrounds. Use it sparingly to guide the eye. For the best legibility and a modern look, pair this shade with deep black text. The hex code for this color is #fc7e1e.
Questions about #fc7e1e
What is #fc7e1e in RGB, HSL and CMYK?
In RGB, #fc7e1e is rgb(252, 126, 30), in HSL hsl(26, 97%, 55%) and in CMYK 0%, 50%, 88%, 1%.
When should I use the #fc7e1e orange in a UI design?
Use #fc7e1e sparingly as an accent color for calls-to-action, buttons, or critical alerts to draw the user eye. Because of its intense chroma, it can easily overwhelm larger background areas if used across a full page.
What text color works best against #fc7e1e?
Pair #fc7e1e with deep black or very dark charcoal text to ensure maximum legibility and a modern aesthetic. High-contrast dark text anchors the high-energy orange, preventing it from feeling washed out or difficult to read on screens.
Is #fc7e1e readable on white or black?
#fc7e1e has a 2.57:1 contrast ratio on white and 8.14: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.