#0084FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Bubble Bobble P2 is a high-saturation blue with intense, electric energy. Because it commands immediate attention, this color excels as a 10% accent in UI design rather than a large background. It pairs exceptionally well with charcoal gray for a modern, tech-focused look. Black text offers enough contrast for readability, making it a reliable choice for buttons. Compare it to other shades of blue to see its unique chroma. The hex code is #0084ff.
Questions about Bubble Bobble P2
What is the hex code for Bubble Bobble P2?
Bubble Bobble P2 is #0084ff. In RGB that is rgb(0, 132, 255), in HSL hsl(209, 100%, 50%) and in CMYK 100%, 48%, 0%, 0%.
How should I use #0084ff in a website interface?
Because #0084ff is so intense, limit its use to small UI elements like buttons, primary call-to-action links, or interactive icons. It functions best as a 10% accent color, which maintains visual balance without overwhelming the user or fatiguing the eye.
What colors pair well with #0084ff for a modern tech aesthetic?
Pair #0084ff with deep charcoal or dark gray tones to create a balanced, modern tech-focused look. These neutral darks provide the necessary grounding to let the electric blue stand out, while black text ensures perfect readability on the screen.
Is Bubble Bobble P2 readable on white or black?
Bubble Bobble P2 has a 3.65:1 contrast ratio on white and 5.74: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.