Lucky Orange
A high-octane orange with intense energy
Lucky Orange is a high-octane hue that demands immediate attention. Because of its intense saturation, it works best as a 10 percent accent rather than a full background. Pair this shade with dark charcoal grays for a balanced, modern look. The hex code for Lucky Orange is #ff7700, and it supports black text accessibility standards for high-visibility UI elements like buttons or notification badges.
About Lucky Orange
A highway cone lit from inside
What does lucky orange mean?
It commonly signals energy, caution, and appetite, so it often shows up in safety gear and food packaging. At full saturation and near full brightness, it reads loud, beaming, and warm, with no gray to slow it down.
Where you see lucky orange
- traffic cones
- basketballs
- monarch butterfly wings
- marmalade
- tangerine peel
- campfire flames
What it works for
It works for buttons, badges, and headlines that need to grab attention before anything else on the page.
What colors go with lucky orange?
Deep Teal #00555aThe cool blue green cools the burn without dimming it.Charcoal #36454fDark gray grounds the orange and gives it a stark, industrial edge.Cream #fffdd0Warm off white softens the heat while keeping the color sunny.Midnight Navy #364251The dark blue makes the orange glow like a lit sign.Forest Green #154406Deep green leans autumnal and lets the orange carry the warmth.
Questions about Lucky Orange
What is the hex code for Lucky Orange?
Lucky Orange is #ff7700. In RGB that is rgb(255, 119, 0), in HSL hsl(28, 100%, 50%) and in CMYK 0%, 53%, 100%, 0%.
Is Lucky Orange readable on white or black?
Lucky Orange has a 2.66:1 contrast ratio on white and 7.89: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.