Skip to content

Blue #0000ff

The world’s favorite color.

RGB
0, 0, 255
HSL
240°, 100%, 50%
CMYK
100, 100, 0, 0
Luminance
0.0722

About Blue

Ask any country, any age group, any gender: blue wins the favorite-color poll, usually by double digits. It is the color of two things no human ever stops seeing — the sky and deep water — and that omnipresence made it the default color of trust, calm and competence. Pure blue, #0000ff, is the shortest-wavelength additive primary (~450–495 nm).

Blue is the safest choice in design and the most crowded: most of the world’s biggest tech and finance brands swim in the same blue ocean. Differentiation lives in the shade you pick, not the hue.

History

For most of history blue was rare and expensive. Egyptian blue was the first synthetic pigment ever made (~2,200 BC); ultramarine, ground from Afghan lapis lazuli, cost more than gold in the Renaissance — reserved for the robes of the Virgin Mary. Many ancient languages, including Homeric Greek, had no word for blue at all.

Prussian blue (1704) — the first modern synthetic pigment — and later indigo plantations and synthetic indigo (1897) democratized blue, ultimately dressing the planet in blue jeans.

Psychology

Blue lowers measured heart rate and is consistently rated most trustworthy, most secure and least appetizing — great for banks, terrible for restaurants. Cool hues also recede: a blue surface reads farther away than a red one at the same distance, giving blue backgrounds their trademark depth.

The "blue = focus" effect is real but modest; the stronger effect is negative-space calm — blue tolerates enormous screen area without fatiguing the eye, which is why dashboards live in it.

In design

Pure #0000ff is harsh on screens — nearly every "blue brand" actually ships a tempered blue: lighter, slightly desaturated, or nudged toward cyan. On white, #0000ff passes AA for text (8.6:1); on black it fails badly (2.4:1) — tint it toward #4d6fff-style blues for dark mode.

Blue pairs with everything: orange (complement) for CTAs that pop, white/gray for corporate cleanliness, gold for premium contrast.

In culture

Blue is authority (police), melancholy (the blues), aristocracy (blue blood), rarity (once in a blue moon) and the working uniform of the modern world (blue collar, blue jeans). In many cultures it wards off evil — the Mediterranean blue eye amulet is one of the oldest continuously used symbols on Earth.

Brands that own blue

Shades of blue

Every format

HEX#0000ff
RGBrgb(0, 0, 255)
HSLhsl(240, 100%, 50%)
CMYKcmyk(100%, 100%, 0%, 0%)
LABlab(32.3 79.2 -107.9)
LCHlch(32.3 133.8 306.3)
OKLCHoklch(0.452 0.313 264.1)

Copy-ready code

/* CSS */
color: #0000ff;
background-color: #0000ff;
/* Tailwind (arbitrary) */
class="text-[#0000ff] bg-[#0000ff]"
/* SCSS */
$brand: #0000ff;
/* SwiftUI */
Color(red: 0.000, green: 0.000, blue: 1.000)
/* Android */
Color.parseColor("#0000ff")

Accessibility — WCAG contrast

Aa
#0000ff on white: 8.59:1
AA ✓ pass · AA-large · AAA
Aa
#0000ff on black: 2.44:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red0.0%
Green0.0%
Blue100.0%

CMYK percentages

Cyan100.0%
Magenta100.0%
Yellow0.0%
Key (black)0.0%

Color previews

#0000ff text on a black background

contrast 2.44:1

Card sample

#0000ff text on a white background

contrast 8.59:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #0000ff;
Background color
Panel with #0000ff background
background-color: #0000ff;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #0000ff;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(0, 0, 255, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(0, 0, 255, 0.45);
Border & gradient
Gradient panel
border: 3px solid #0000ff;
background: linear-gradient(135deg, #0000ff, #AA00FF);

Monochromatic scale

Palettes built from #0000ff

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Blue, answered

What is the hex code for blue?

Pure blue is #0000ff — rgb(0, 0, 255) — the blue additive primary. Common design blues include navy #000080, royal blue #4169e1 and sky blue #87ceeb.

Why do so many brands use blue?

Blue consistently rates highest for trust, security and competence across cultures, and it tolerates large surface areas without visual fatigue — ideal for interfaces used daily. The cost is differentiation: blue is the most crowded brand space.

Is pure blue good for dark mode?

No — #0000ff on black manages only about 2.4:1 contrast. Dark interfaces should lift blue toward tints (e.g. #4d6fff, #60a5fa) to reach readable ratios.

Work with #0000ff in the Color Lab