Periwinkle Blue
Electric indigo with a cool edge
Periwinkle Blue #8f99fb is a neon, highly saturated indigo with a cool, electric edge. It works best as a punchy accent color rather than a primary background, as its intensity can easily overwhelm a layout. Pair this shade with dark grays or charcoal to ground its brightness. If you need to desaturate it, learn what colors make gray to adjust its tone.
About Periwinkle Blue
Blacklight glow over a fresh snowbank
What does periwinkle blue mean?
People often link periwinkle shades with spring flowers, twilight skies, and a playful, imaginative mood. Its high lightness and strong saturation make it feel bright and electric rather than deep or heavy.
Where you see periwinkle blue
- hydrangea petals
- blue raspberry candy
- lit jellyfish
- twilight snow
- violet ink
- iridescent film
What it works for
This color works well for youthful branding, app accents, candy packaging, and illustrations that need a glowing cool tone.
What colors go with periwinkle blue?
Marigold #fcc006The warm orange pushes the cool blue forward and keeps both from looking flat.Chartreuse #c1f80aA sharp green yellow that matches this color's neon energy without dulling it.Charcoal #36454fDark gray grounds the bright blue and gives it a cleaner, modern edge.Cream #fffdd0Soft cream lowers the neon intensity and makes the blue read as gentle.Coral #ff7f50Coral sits opposite on the wheel, so the pair feels balanced and lively.
Questions about Periwinkle Blue
What is the hex code for Periwinkle Blue?
Periwinkle Blue is #8f99fb. In RGB that is rgb(143, 153, 251), in HSL hsl(234, 93%, 77%) and in CMYK 43%, 39%, 0%, 2%.
How can I use #8f99fb in a UI layout without it becoming overwhelming?
Because #8f99fb is so highly saturated, avoid using it for large background surfaces where it strains the eye. Instead, use this electric blue as a punchy accent for buttons or interface highlights. Pair it with deep charcoal or dark gray backgrounds to ground the intensity.
What color schemes work best with this periwinkle shade?
This shade thrives when balanced by neutrals to control its neon energy. Using a monochromatic scheme with darker, muted indigos helps maintain visual hierarchy. Alternatively, pair it with complementary warm tones like a soft terracotta or dusty orange to balance the cool electric edge of the hue.
Is Periwinkle Blue readable on white or black?
Periwinkle Blue has a 2.58:1 contrast ratio on white and 8.11: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.