Skip to content
ColorDB.org
Menu
Color Detail

Red

Red is urgent, assertive, and highly visible, which makes it common in alerts, promotions, and sports branding.

Warm Colors

#FF3B30

primarywarmalertenergetic

Color values

Hex
#FF3B30
RGB
rgb(255, 59, 48)
HSL
hsl(3, 100%, 59%)

Overview

Red is a warm color with the hex value #FF3B30. It often works as a visual accent, alert signal, or high-attention brand ingredient depending on how saturated, bright, and dominant it is in the layout.

Like any color, red changes character based on context. It can feel urgent, celebratory, aggressive, editorial, or premium depending on the typography, spacing, supporting neutrals, and adjacent colors around it.

Symbolism and context

Red often suggests energy, urgency, danger, passion, or importance, but those associations are not universal.

Use symbolic meaning as a design clue, not a fixed rule. The same red can feel very different in a sports brand, an error state, or a luxury editorial layout.

Common design uses

  • • buttons or calls to action
  • • alerts, errors, and warnings
  • • badges, labels, and high-priority highlights
  • • brand accents and promotional moments
  • • charts or data points that need strong attention

Pairing guidance

Pair red with strong neutrals such as white, cream, charcoal, or near-black to keep the system balanced.

Use lighter tints for alert backgrounds and darker shades for text or hover states.

A small cool accent can work, but red usually benefits more from restrained surrounding colors than from lots of competing saturation.

Accessibility notes

Do not assume red is readable by itself. Test red on white, white on red, and red on darker surfaces before using it for text or controls.

Avoid relying on red alone to communicate error or urgency. Support it with text, icons, or structural cues.

Check this color in the contrast checker

Related colors

Magenta#D946EFYellow#FACC15Orange#F97316Pink#EC4899

Related tools

Convert this colorTranslate the same color into HEX, RGB, HSL, or HSV.Check contrastTest text, buttons, and surfaces before using the color in UI.Generate shades and tintsBuild lighter and darker variants for surfaces, hover states, and text.Build a paletteSee how this color behaves once it becomes part of a broader system.

Explore this family

Family pages help compare colors that share a broader visual role, making it easier to move from one isolated swatch to a more usable palette direction.

Browse Warm Colors

Keep learning

FAQ

Questions people usually ask next

What is the hex value of Red?

The hex value is #FF3B30.

What family does Red belong to?

Red belongs to the warm-colors family in ColorDB.