Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
Home/Guides/Color meanings/Red

Red color meaning: symbolism, psychology and how to use it

#FF0000

oklch(0.628 0.258 29.2)

What red symbolizes

Red is the colour people most often name first when asked what a colour "means", and it is rarely neutral. It sits at the long-wavelength end of the visible spectrum and turns up in blood, fire, ripe fruit and many natural warning signals, so it is easy to see why it is tied to both attraction and alarm. The positive associations are love, passion, courage, energy, celebration and good fortune. The negative ones are anger, danger, aggression, debt ("in the red") and warning.

Few colours swing as far with context. Red on a Valentine's card reads as romance, red on a stop sign or an invalid form field reads as an order to halt or fix something, and red on a wedding dress in China reads as joy. Most of the meaning comes from where the colour appears and what the viewer already expects, not from the wavelength itself, and that is the best way to read everything on this page.

Red color psychology: what the research says

Red is probably the most studied colour in colour psychology, and the honest summary is that the findings are interesting but mixed. Some experiments have reported that red is noticed faster than other colours and that it can raise arousal or a sense of urgency. Other studies have looked at red in sport, in achievement tests and in dating contexts, and reported small effects in some settings. Several of these results have been difficult to reproduce, and effect sizes are generally modest, so red is better treated as a strong visual signal than as a mind-control lever.

What is easier to defend is the perceptual part. A saturated red stands out against most backgrounds, and in many societies it has been trained into us as the colour of stop, error and emergency. That learned meaning is why red works for a delete button or a sale badge: people have seen it used that way thousands of times. It is also why too much red feels tiring. A page with large saturated red areas competes with itself for attention.

Red also has a practical accessibility angle. The most common forms of colour vision deficiency affect the red-green axis, and are commonly cited as affecting roughly one in twelve men in some populations. For those users a pure red can look dark or similar to green, so red should never be the only carrier of meaning.

Cultural meanings of red

  • Western countries. Love, Valentine's Day, danger, stop signs, fire engines, and "in the red" for losses. Red is also a political colour in many countries, though which party it stands for differs from place to place.
  • China. Red is the colour of luck, happiness and celebration. It is worn by brides, used for Lunar New Year decorations and for red envelopes of money given as gifts. On mainland Chinese stock charts red usually means prices going up, the reverse of the Western convention.
  • India. Red is closely tied to marriage and fertility. Brides traditionally wear red or deep red saris and lehengas, and red sindoor and kumkum are used in Hindu ritual.
  • Japan. Red appears in the national flag, in Shinto torii gates and in temple architecture, where it is associated with vitality and the warding off of evil. It also marks celebration, as in the red and white pairing used at festive occasions.

Red in branding and marketing

Red is a favourite of brands that want to be seen quickly and to feel energetic: food and drink, retail sales, entertainment, motorsport and emergency services. Well-known examples are Coca-Cola, Netflix and YouTube. Fast-food and restaurant chains are often credited with using red and yellow partly to signal speed and appetite, though that is a common industry belief rather than a proven rule.

The same intensity is a risk in sectors that sell calm or caution. Banks and health services tend to use red sparingly, as an accent or for alerts, because a red-dominant identity can read as financial loss or medical danger. If your brand colour is red, expect to need a second colour for anything that means "all good", since red cannot do both jobs.

In logo work, a red that leans toward orange feels more playful and warm, while a red that leans toward magenta or crimson feels more serious, premium or romantic. Choosing the hue angle matters as much as choosing "red".

Red in UI and web design

In product interfaces red is the standard colour for errors, destructive actions and critical alerts. Users expect a red outline on an invalid field and a red delete button, so stay consistent: if red means error in one place, do not use the same red for a decorative highlight somewhere else. Pair the colour with an icon or text such as "Error:" so that people who cannot distinguish it still get the message.

Contrast is where pure red catches people out. #ff0000 has a WCAG contrast ratio of just under 4:1 against white, which is below the 4.5:1 required for normal-size text at level AA. A darker red, with a lower OKLCH lightness, passes easily. Because OKLCH lightness is perceptually even, you can hold the hue near 29 and lower only the L value until the ratio is right, instead of guessing in HSL.

In dark mode, saturated red on a dark surface can look like it vibrates. Reduce the chroma slightly and raise the lightness for text and icons, and keep fully saturated reds for filled buttons that carry white or very light text. Test every red state (default, hover, disabled, focus) in both themes, not just the default one.

Red hex code and color values

HEX
#ff0000
RGB
rgb(255 0 0)
HSL
hsl(0 100% 50%)
OKLCH
oklch(0.628 0.258 29.2)

This is the standard CSS value for red. See the full set of conversions, tints, shades and harmonies on its #ff0000 color page.

CSS custom property

:root {
  --color-red: #ff0000; /* fallback */
}

@supports (color: oklch(0 0 0)) {
  :root {
    --color-red: oklch(0.628 0.258 29.2);
  }
}

Shades and tones of red

Light reds drift into pink and coral and lose most of the urgency. They read as friendly, soft and sometimes romantic, which is why very pale red is usually called pink. Mid reds like tomato and scarlet are the classic attention colours: bright, hot and clear. Dark reds such as burgundy, maroon and wine move toward richness, tradition, seriousness and, for food and drink, indulgence.

Saturation changes the story as much as lightness. A muted, dusty red such as brick or terracotta feels earthy and handmade, whereas a pure, high-chroma red feels digital and loud. Reds that lean orange (vermilion, orange-red) feel warmer and more energetic, while reds that lean blue (crimson, cherry, raspberry) feel cooler, more formal and more romantic. Browse the named reds in the library below to see how much range sits inside this one hue family.

Popular named shades, light to dark

  • FFA07A

    Dwarven Peaches

  • FF9B87

    Candy

  • E9967A

    Kindleflame

  • FF7F50

    Coral

  • FA8072

    Smoked Salmon

  • FF69B4

    Girls Night Out

  • F08080

    Meat

  • FF6347

    Bruschetta Tomato

  • BC8F8F

    Rosy Brown

  • DB7093

    The Sickener

  • DE6491

    Groovy

  • FF4500

    Red Dit

  • FF1493

    Secret Story

  • FF0000

    Red

  • CD5C5C

    Common Chestnut

  • E4000F

    Mario

  • DC143C

    Wild Rider Red

  • A0522D

    Texas Ranger Brown

  • 805557

    Lampoon

  • B22222

    Firebrick

  • A52A2A

    Harissa Red

  • 8B0000

    Scab Red

  • 800000

    Maroon

  • 4C2226

    Lees

The colour library has 3,944 named colours in the red family. Browse all red colors.

Contrast and accessibility

Red (#ff0000) has a WCAG contrast ratio of 3.99:1 against white and 5.25:1 against black. Normal-size text needs 4.5:1 for level AA and 3:1 is enough for large text and UI components.

  • Red on white
  • Red on black
  • Red white text on it
  • Red black text on it

Test any other combination in the contrast checker.

Red color palettes

  • Classic Purple Ink DuneTrending · Red
  • True Llilacquered DuneTrending · Red
  • True Drama Queen BriefTrending · Red
  • Candied Apple HorizonTrending · Red
  • Pure Vicious Violet VaultTrending · Red
  • Steady Vicious Violet ArchiveTrending · Red

See all 2,160 red palettes.

Colors that go with red

The complement of red in OKLCH is found roughly 180 degrees around the hue wheel, which lands in the cyan and blue-green region near hue 209. Red with teal or cyan is vibrant and high energy, and works best when one of the two dominates and the other is a small accent. Red with a muted blue-grey is a calmer way to get the same temperature contrast.

Analogous neighbours are orange and pink: red with orange gives a hot, sunset-like palette, and red with pink gives a tonal, romantic one. Red and white or red and black are the classic high-contrast pairings and are easy to make accessible, since both neutrals sit at opposite ends of lightness. Red with green is the traditional seasonal pairing, but in UI it is risky because of colour vision deficiency: if you use both, vary their lightness so they still differ in greyscale.

  • Orange color meaning
  • Pink color meaning
  • Blue color meaning
  • Black color meaning
  • White color meaning

Frequently asked questions

What does the color red symbolize?
Red most often stands for love, passion, energy and courage, and also for danger, anger and warning. In China and India it is strongly linked with luck and weddings. Which meaning wins depends on context and culture.
What is the hex code for red?
Pure red is #ff0000, which is rgb(255 0 0) and hsl(0 100% 50%), or oklch(0.628 0.258 29.2). Many designs use a deeper or slightly muted red for text and buttons because pure red has limited contrast on white.
Is red a good color for a logo?
It can be, if you want energy, appetite or urgency, and many food, retail and entertainment brands use it. Avoid it as the only brand colour if you also need to communicate calm or safety, and be aware that it is also the standard error colour in interfaces.
What colors go with red?
White and black are the safest pairings. Teal or cyan make a vibrant complementary contrast, while orange and pink are analogous neighbours. Use red with green carefully, as it is hard to tell apart for people with red-green colour vision deficiency.
Does red really make people hungry or angry?
Not reliably. Some studies report that red affects attention or arousal, but results are mixed and depend on context. Red is better thought of as a very noticeable signal whose meaning is learned from culture and situation.

More color meanings

  • All color meanings
  • Orange
  • Yellow
  • Green
  • Teal
  • Cyan
  • Blue
  • Purple
  • Pink
  • Brown
  • Black
  • White
  • Gray

Try Colorise Pro

Free OKLCH tools for palettes, contrast and design tokens.

  • Color library
  • 10,000+ palettes
  • OKLCH picker
  • Contrast checker
  • All guides
  • OKLCH vs HSL
  • Color Studio
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA