#FF0FF3 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

Barbara is an incredibly bold, high-octane magenta that demands immediate attention. Due to its intense saturation, this color works best as a punchy accent or a small-scale call to action rather than a background. Use it against dark, cool neutrals to prevent visual vibration. The hex code for this color is #ff0ff3, and its contrast levels support standard black text for accessibility needs.

About Barbara

Neon sign buzz in a dark shop window

What does barbara mean?

Barbara is a saturated magenta that often signals playfulness, rebellion, and loud creativity in design and fashion. Near-total saturation and high brightness make it feel electric and demanding, a color that fills the eye before anything nearby.

Where you see barbara

bougainvillea petals
magenta printer ink
highlighter ink
stage light gels
fluorescent sale posters
dyed orchids

What it works for

Barbara works for accent moments: call-to-action buttons, event posters, packaging bursts, and single bold shapes that need attention.

What colors go with barbara?

Chartreuse #c1f80aTwo loud colors fight politely here, each pushing the other brighter without muddying either side.Midnight Blue #020035Deep blue darkness gives Barbara a stage, letting its glow read like neon against night sky.Charcoal #36454fNeutral gray tones absorb some of the shout, keeping layouts bold but wearable.

Questions about Barbara

What is the hex code for Barbara?

Barbara is #ff0ff3. In RGB that is rgb(255, 15, 243), in HSL hsl(303, 100%, 53%) and in CMYK 0%, 94%, 5%, 0%.

How should I use #ff0ff3 in my UI design?

This vibrant color serves best as a high-impact accent or CTA button to draw user focus. Avoid using #ff0ff3 as a background color, as its extreme saturation causes visual vibration that makes text difficult to read.

Is Barbara readable on white or black?

Barbara has a 3.17:1 contrast ratio on white and 6.61:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.