Color Picker Lab

Red Color

Red is the hex color #FF0000. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

Copy #FF0000 Open in picker Save

Red color codes

HEX
#FF0000
HEX8
#FF0000FF
HEX8 (Android)
#FFFF0000
RGB
rgb(255, 0, 0)
RGB (%)
100%, 0%, 0%
HSL
hsl(0, 100%, 50%)
HSV / HSB
hsv(0, 100%, 100%)
CMYK
cmyk(0%, 100%, 100%, 0%)
OKLCH
oklch(0.628 0.2577 29.23)
OKLCH (%)
oklch(62.8% 0.2577 29.23)
Decimal
16711680

What color is #FF0000?

#FF0000 is pure Red — the most saturated red on screen. In the RGB model it’s 100% red, 0% green, and 0% blue; in HSL it has a hue of 0°, 100% saturation, and 50% lightness. It’s one of the three additive primary colors of light, alongside green and blue.

The meaning of Red

Red is the color of energy, urgency, passion, and appetite — it grabs attention faster than any other color. Depending on context it can mean love and excitement, or danger and error.

Where Red is used

Red is used for sales and clearance, error and alert states, food and beverage brands, and calls to action that must be noticed. Pure #FF0000 is intense, so for text or large areas, slightly darker reds like Crimson #DC143C or Firebrick #B22222 are easier on the eyes.

Shades and tints of Red

Tints

#FF3333 Red
#FF6666 Salmon
#FF9999 LightCoral
#FFCCCC Pink

Shades

#CC0000 FireBrick
#990000 DarkRed
#660000 Maroon
#330000 Maroon

Red color harmonies

Complementary

#FF0000 Red
#00FFFF Aqua

Analogous

#FF0000 Red
#FF0080 DeepPink
#FF8000 DarkOrange

Triadic

#FF0000 Red
#00FF00 Lime
#0000FF Blue

Split-complementary

#FF0000 Red
#00FF80 SpringGreen
#007FFF DodgerBlue

Using Red in CSS

.text       { color: #FF0000; }
.background { background-color: #FF0000; }
.border     { border: 2px solid #FF0000; }

/* Modern, perceptually uniform */
.text { color: oklch(0.628 0.2577 29.23); }

/* Red at 50% transparency */
.overlay { background-color: #FF000080; }

Is Red accessible?

Red on white text scores 4.00:1; on black text it scores 5.25:1. Black text on red passes WCAG AA for normal text (5.25:1); white text passes only for large or bold text (4.00:1). Recommended text color on a Red background: black for body text; white only for large/bold.

A 5.25:1 vs black
A 4:1 vs white
  • AA normal ≥ 4.5 Pass
  • AA large ≥ 3 Pass
  • AAA normal ≥ 7 Fail
  • AAA large ≥ 4.5 Pass

Recommended text color: black

CSS contrast-color() contrast-color(#FF0000) → black
APCA Lc experimental 69.6 Lc · large / secondary text (white text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Red variations and related colors

Crimson #DC143C Firebrick #B22222 Dark Red #8B0000 Tomato #FF6347

Frequently asked questions

What is the hex code for red?
The hex code for pure red is #FF0000 (rgb(255, 0, 0)).
What is red in CMYK?
Red #FF0000 is cmyk(0%, 100%, 100%, 0%).
Should text on red be black or white?
Black text on #FF0000 scores 5.25:1 (passes WCAG AA for normal text); white scores 4.00:1 (passes only for large or bold text).

Last updated

Open Red in the color picker

Drag, fine-tune, and copy #FF0000 in every format, or jump to a related page.

Open Red in the color picker