#FFCF00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ffcf00 is an intense, glowing yellow that grabs attention immediately. Due to its extreme saturation, it performs best as a 10% accent color for buttons or alerts rather than a full background. Pair it with black text to take advantage of its high contrast ratio. Designers often rely on this hex code for construction themes or promotional sales where visibility is the main priority.
About Fluorescent Orange
Taxi-cab yellow, glowing under a streetlight
What does fluorescent orange mean?
Fluorescent orange is commonly linked to safety gear, warning signs, and anything meant to grab attention fast. Its high saturation and near-max lightness make it feel electric and loud, while the warm undertone keeps it mellow instead of harsh.
Where you see fluorescent orange
- safety vests
- tennis balls
- school buses
- taxi cabs
- hazard cones
- post-it notes
What it works for
Use it for call-to-action buttons, sale badges, hi-vis details, or a single accent that must cut through a dark layout.
What colors go with fluorescent orange?
Midnight Blue #020035Deep blue gives the bright yellow maximum separation and a bold, poster-like punch.Charcoal #36454fNear-black gray lets the yellow sing without competing for attention.Teal #008080Teal sits opposite on the wheel, so the pairing snaps with a retro feel.Plum #8e4585Dark purple against glowing yellow reads rich, jazzy, and slightly unexpected.Forest Green #154406Deep green grounds the yellow and evokes parks and trail signage.Hot Pink #ff028dTwo loud warm tones clash on purpose for a neon, energetic effect.
Questions about Fluorescent Orange
What is the hex code for Fluorescent Orange?
Fluorescent Orange is #ffcf00. In RGB that is rgb(255, 207, 0), in HSL hsl(49, 100%, 50%) and in CMYK 0%, 19%, 100%, 0%.
Where is the best place to use #ffcf00 Fluorescent Orange in a design?
This intense, high-energy yellow works best as a sharp, 10% accent color for call-to-action buttons, alert boxes, or warning banners. Avoid using it as a full-page background, as its extreme saturation can quickly overwhelm the viewer and cause significant eye fatigue.
Is Fluorescent Orange readable on white or black?
Fluorescent Orange has a 1.48:1 contrast ratio on white and 14.17: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.