#FFC400 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Citrus Splash is a high-saturation yellow that commands immediate attention. Its neon intensity works best as a 10% accent color, highlighting buttons or alerts without overwhelming a layout. Because of its extreme brightness, black text maintains excellent readability against this hue. The hex code for this energetic shade is #ffc400. Try pairing it with charcoal gray to ground the visual impact.
About Citrus Splash
Squeezed lemon peel over warm brass
What does citrus splash mean?
People often connect this shade with fresh citrus, sunshine, caution signs, and the glow of late afternoon light. At full saturation and high lightness, it reads loud and energetic, like a highlighter that never dims.
Where you see citrus splash
- lemon peel
- safety vests
- taxi cabs
- honey
- tennis balls
- school buses
What it works for
It suits call-to-action buttons, sale badges, packaging for drinks and snacks, and accents that need instant attention.
What colors go with citrus splash?
Teal #008080The cool green depth balances the color's heat without dulling its shine.Charcoal #36454fDark gray grounds the brightness and lets it read as deliberate, not loud.Eggplant #430541Deep purple sits opposite on the wheel, so both colors look richer together.Cobalt Blue #0047abStrong blue fights the warmth, producing a bold, high-energy pairing.Hot Pink #ff028dTwo saturated hues collide for a playful, summery combination.Olive #808000Muted green softens the intensity while keeping the palette earthy.
Questions about Citrus Splash
What is the hex code for Citrus Splash?
Citrus Splash is #ffc400. In RGB that is rgb(255, 196, 0), in HSL hsl(46, 100%, 50%) and in CMYK 0%, 23%, 100%, 0%.
What colors work best with Citrus Splash #ffc400?
Citrus Splash thrives when balanced by neutrals to control its intense energy. Pair it with deep charcoal or slate gray for maximum contrast, or use a soft off-white to let the yellow shine without creating visual fatigue for the viewer.
Is #ffc400 a good choice for text?
Avoid using #ffc400 as a primary text color because its high luminosity makes it difficult to read on white backgrounds. It serves best as a vibrant background for black or very dark gray text to maintain essential readability and accessibility standards.
Is Citrus Splash readable on white or black?
Citrus Splash has a 1.59:1 contrast ratio on white and 13.14: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.