HEX Color #FF0000 (Red)

About #FF0000

Visually, #FF0000 is defined as a vivid red. Designers often compare it to the standard color Red. Its digital footprint relies on 255 parts red, 0 parts green, and 0 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). Its ink density profile breaks down to 0% cyan, 100% magenta, 100% yellow, and 0% black. The HSL representation is 0.0° hue, 100.0% saturation, and 50.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#FF0000

RGB255, 0, 0

HSL0.0°, 100.0%, 50.0%

CMYK0%, 100%, 100%, 0%

HSV0.0°, 100.0%, 100.0%

LAB53.2, 80.1, 67.2

XYZ41.2, 21.3, 1.9

Decimal16711680

Color Harmonies

Complementary

#FF0000 #00FEFF

Analogous

#FF007F #FF7F00

Triadic

#00FF00 #0000FF

Tetradic

#7FFF00 #00FEFF #7F00FF

Tints, Shades & Tones

Tints (Adding White)

#FF0000

#FF1C1C

#FF3838

#FF5555

#FF7171

#FF8D8D

#FFAAAA

#FFC6C6

#FFE2E2

#FFFFFF

Shades (Adding Black)

#FF0000

#E20000

#C60000

#AA0000

#8D0000

#710000

#550000

#380000

#1C0000

#000000

WCAG Contrast Accessibility

4.00:1

Text on #FFFFFF

AA Large

5.25:1

Text on #000000

AA

3.82:1

Text on #F8FAFC

AA Large

4.46:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #FF0000; }

.text-color { color: #FF0000; }

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

Similar Colors

Red

#FF0000