What does the color Blue mean?

Indigo

Blue

#0000ff

#3333ff

#6666ff

#9999ff

#ccccff

#1a1ae6

Meaning

Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.

History

Blue is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Blue (#0000ff) in CSS as color: blue; or as #0000ff.

Preview

Blue

#0000ff

Overview

Family: Indigo

Accessibility on this swatch:

AAA

(8.59:1)

Contrast vs white: 8.59:1 · vs black: 2.44:1

Formats

HEX

#0000ff

RGB

rgb(0, 0, 255)

RGBA

rgba(0, 0, 255, 1)

HSL

hsl(240, 100%, 50%)

HSV

hsv(240, 100%, 100%)

LAB

lab(32.3% 79.19 -107.86)

LCH

lch(32.3% 133.81 306.29)

OKLAB

oklab(0.452 -0.0325 -0.3115)

OKLCH

oklch(0.452 0.3132 264.04)

XYZ

xyz(18.04, 7.22, 95.03)

CMYK

cmyk(100%, 100%, 0%, 0%)

CSS

color: #0000ff;

CSS variable

--color-0000ff: #0000ff;

SCSS

$color-0000ff: #0000ff;

Tailwind

indigo-500

Export

Developer code

:root {
  --blue-1: #0000ff;
}

Color psychology

Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#3333ff

#6666ff

#9999ff

#ccccff

#1a1ae6

#3333cc

#4d4db3

#666699

Similar colors

#1a1aea

#0000cd

#2b2eee

#1616d4

#0d1ed9

#2424d6

#2135e8

#1a2ddb

Browse more in the color name library.