Spooky Tangerine

Sharp, electric orange with undeniable impact

Spooky Tangerine color codes graphic
Spooky Tangerine is a high-octane orange that demands attention. Because it is so saturated and intense, this color works best as a small accent rather than a background, where it can easily overwhelm the eye. Use #ff6b00 for call-to-action buttons or highlights. Since black text provides excellent contrast against this shade, it remains legible for limited UI elements.

Questions about Spooky Tangerine

What is the hex code for Spooky Tangerine?
Spooky Tangerine is #ff6b00. In RGB that is rgb(255, 107, 0), in HSL hsl(25, 100%, 50%) and in CMYK 0%, 58%, 100%, 0%.
What is the best way to use #ff6b00 in a design layout?
Spooky Tangerine functions best as a focused accent color rather than a primary background to avoid overwhelming the eye. Use it sparingly for call-to-action buttons or small UI highlights where you need maximum visual contrast against charcoal or deep black text.
Is Spooky Tangerine readable on white or black?
Spooky Tangerine has a 2.85:1 contrast ratio on white and 7.35: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.