What does the color Red mean?

Red Color Name | colorBase

Red

#ff0000

#ff3333

#ff6666

#ff9999

#ffcccc

#e61a1a

Meaning

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

History

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

Usage

Use Red (#ff0000) in CSS as color: red; or as #ff0000.

Preview

Red

#ff0000

Overview

Family: Red

Accessibility on this swatch:

(5.25:1)

Contrast vs white: 4:1 · vs black: 5.25:1

Formats

HEX

#ff0000

RGB

rgb(255, 0, 0)

RGBA

rgba(255, 0, 0, 1)

HSL

hsl(0, 100%, 50%)

HSV

hsv(0, 100%, 100%)

LAB

lab(53.24% 80.09 67.2)

LCH

lch(53.24% 104.55 40)

OKLAB

oklab(0.628 0.2249 0.1258)

OKLCH

oklch(0.628 0.2577 29.22)

XYZ

xyz(41.25, 21.27, 1.93)

CMYK

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

CSS

color: #ff0000;

CSS variable

--color-ff0000: #ff0000;

SCSS

$color-ff0000: #ff0000;

Tailwind

slate-500

Export

Developer code

:root {
  --red-1: #ff0000;
}

Color psychology

Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention.

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

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#ff3333

#ff6666

#ff9999

#ffcccc

#e61a1a

#cc3333

#b34d4d

#996666

Similar colors

#ff4500

#eb5114

#ef5b25

#d24914

#e55e10

#ff6347

#f26536

#f26b1c

Browse more in the color name library.