#FF2C2C

What color is Red?

Red is a bold, warm color that sits at the bright end of the visible spectrum, hex #FF2C2C, closer to a ripe tomato than to a dark burgundy. It has a strong, saturated quality that makes it appear to advance visually, and at this brightness level it reads as pure and undiluted.

What is the meaning of the color Red?

Ancient Egyptians ground red ochre from iron oxide deposits to produce pigment for paintings and cosmetics, making red one of the earliest colors in recorded human use. The Romans associated red with power and military rank, reserving the dye-saturated toga picta for generals celebrating triumphs. The dye trade expanded dramatically after Spanish colonizers brought cochineal from Mexico to Europe in the 1520s, flooding markets with a red more vivid than anything previously available. Coca-Cola standardized this level of bright red in its branding from 1886 onward, and the color is now registered as part of the company’s visual identity.

RGB
255, 44, 44
HSL
0°, 100%, 59%
CMYK
0, 83, 83, 0
HSV
0°, 83%, 100%
Red color

What colors go with Red?

Colors that pair well with Red include:
White: clean, high contrast
Navy: bold, classic balance
Gold: warm, rich contrast
Black: sharp, dramatic depth
Forest Green: festive, complementary

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF2C2C color: #FF2C2C;
RGB 255, 44, 44 color: rgb(255, 44, 44);
RGB Percentage 100%, 17%, 17% color: rgb(100%, 17%, 17%);
CMYK 0%, 83%, 83%, 0% Not supported in CSS
HSL 0°, 100%, 59% color: hsl(0, 100%, 59%);
HSV 0°, 83%, 100% Not supported in CSS
CIE-LAB 47, 42, 0 color: lab(47% 42 0);
Decimal 16722988 Not supported in CSS

Color Variations

Shades

#FF2E2E
#FF1010
#F10000
#D30000
#B50000
#960000
#780000
#5A0000

Tints

#FFC0C0
#FFABAB
#FF9696
#FF8282
#FF6D6D
#FF5858
#FF4343
#FF2E2E

Tones

#FF2E2E
#F53838
#EA4343
#E04D4D
#D55858
#CB6262
#C06D6D
#B67777

Hues

#FF2E2E
#FFCB2E
#96FF2E
#2EFF62
#2EFFFF
#2E62FF
#962EFF
#FF2ECB

Color Harmonies

Analogous

#FF2E96
Click to copy
98%
#FF2C2C
Click to copy
100%
#FF962E
Click to copy

Complementary

#FF2C2C
Click to copy
100%
#2EFFFF
Click to copy
99%

Split Complementary

#FF2C2C
Click to copy
100%
#2EFF96
Click to copy
#2E96FF
Click to copy

Triadic

#FF2C2C
Click to copy
100%
#2EFF2E
Click to copy
#2E2EFF
Click to copy

Tetradic

#FF2C2C
Click to copy
100%
#96FF2E
Click to copy
#2EFFFF
Click to copy
99%
#962EFF
Click to copy

Square

#FF2C2C
Click to copy
100%
#96FF2E
Click to copy
#2EFFFF
Click to copy
99%
#962EFF
Click to copy

CSS & Dev Snippets

CSS
.red {
  color: #FF2C2C;
}
SCSS
$red: #FF2C2C;
RGB
rgb(255, 44, 44)

Accessibility & Contrast

White background

3.72:1
3.72
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.65:1
5.65
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags