Atomic Tangerine
A high energy glowing warm orange
Atomic Tangerine is a high-energy, warm orange with a distinct glow that feels both optimistic and adventurous. Because it is highly saturated, it works best as a punchy 10% accent rather than a dominant background color. Pair #ff9966 with deep charcoal or navy blue to ground its intensity and increase readability. The hex code for this lively shade is #ff9966.
About Atomic Tangerine
Apricot jam lit from behind by low sun
What does atomic tangerine mean?
It commonly suggests warmth, friendliness, and playful energy, and it often calls to mind ripe fruit and late afternoon light. Its high lightness keeps it soft and glowing instead of loud, while the strong saturation gives it a lively, sparkling edge.
Where you see atomic tangerine
- apricot flesh
- cantaloupe
- tangerine peel
- peach skin
- sunset clouds
- campfire embers
What it works for
Use it for playful brands, food packaging, summer illustrations, and accents that need warmth without the weight of deep orange.
What colors go with atomic tangerine?
Teal #008080Teal sits opposite on the wheel, so the pair sparkles without clashing.Sage #9caf88Sage mutes the sweetness and gives this color a calmer, garden-fresh setting.Charcoal #36454fCharcoal grounds the glow and stops it from feeling overly sweet.Cream #fffdd0Cream keeps the palette mellow and lets the orange carry the warmth.Olive #808000Olive adds an earthy counterpoint that suits the fruit-like warmth.
Questions about Atomic Tangerine
What is the hex code for Atomic Tangerine?
Atomic Tangerine is #ff9966. In RGB that is rgb(255, 153, 102), in HSL hsl(20, 100%, 70%) and in CMYK 0%, 40%, 60%, 0%.
How should I use #ff9966 in interface design?
Because of its high saturation, treat #ff9966 as a functional accent color rather than a primary shade. It works perfectly for call-to-action buttons, notification badges, or subtle hover effects where you need to draw the user's attention quickly without overwhelming the interface.
Is Atomic Tangerine readable on white or black?
Atomic Tangerine has a 2.09:1 contrast ratio on white and 10.00: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.