Bright blue color

A clear, vivid blue that feels fresh and modern. It is often used for call-to-action buttons, sportswear and kids' products.

Also known as: Vivid blue.

Bright blue · #0096FF

About bright blue

Bright blue (#0096FF) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 0 red, 150 green and 255 blue (out of 255). It is mostly used in UI, sportswear, kids.

Bright blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Bright blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Pumpkin orange

AnalogousClose to: Turquoise blue, Blue

TriadicClose to: Deep pink, Chartreuse

Split complementaryClose to: Red, Canary yellow

TetradicClose to: Magenta, Pumpkin orange, Neon green

Bright blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Bright blue

Analogous palette · Bright blue

Complementary palette · Bright blue

Triadic palette · Bright blue

With neutrals palette · Bright blue

With an accent palette · Bright blue

Bright blue contrast with text

White textContrast 3.1:1 · AA large text

Black textContrast 6.8:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --bright-blue: #0096FF;
  --bright-blue-rgb: 0, 150, 255;
}
.bg { background-color: var(--bright-blue); }
.text { color: var(--bright-blue); }

Colors similar to bright blue

Dodger blue Cornflower blue Azure French blue Denim blue Royal blue Electric blue Sapphire blue Carolina blue Ocean blue

Frequently asked questions

What is the hex code for bright blue?

The hex code for bright blue is #0096FF. In RGB it is rgb(0, 150, 255), in HSL hsl(205, 100%, 50%) and in CMYK 100, 41, 0, 0.

What is the complementary color of bright blue?

Its complement on the color wheel is #FF6900, close to pumpkin orange. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on bright blue?

Use black text instead: the contrast with white is only 3.1:1, while with black it is 6.8:1.