#FF7C00 Hex Color
An energetic and high-voltage saturated orange
This intense, high-chroma orange commands immediate attention. Because of its sheer saturation, #ff7c00 functions best as a high-impact accent rather than a background color. It pairs surprisingly well with deep charcoal or slate gray to temper its natural intensity. Keep this hex code for call-to-action buttons or small UI elements that require visual urgency, as black text maintains excellent readability against it.
Questions about #ff7c00
What is #ff7c00 in RGB, HSL and CMYK?
In RGB, #ff7c00 is rgb(255, 124, 0), in HSL hsl(29, 100%, 50%) and in CMYK 0%, 51%, 100%, 0%.
What colors pair best with #ff7c00?
Pair #ff7c00 with deep charcoal or slate gray to anchor its natural intensity and create a professional, readable balance. Using this orange against neutral, dark backgrounds creates the strongest visual impact while keeping your interface accessible and easy to scan.
Should I use #ff7c00 for text or backgrounds?
Avoid using #ff7c00 as a primary background color because its high saturation can quickly overwhelm the viewer and cause eye strain. Instead, reserve this bold hue for small interface elements like call-to-action buttons, notification badges, or icons that need to stand out.
Is #ff7c00 readable on white or black?
#ff7c00 has a 2.58:1 contrast ratio on white and 8.13: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.