What is the hex code for Red?

The hex code for Red is #FF0000.

What is the RGB value of Red?

The RGB value of Red is rgb(255, 0, 0).

What is the HSL value of Red?

The HSL value of Red is hsl(0, 100%, 50%).

What is the HSV value of Red?

The HSV value of Red is hsv(0, 100%, 100%).

What CSS code do I use for Red?

Use background-color: #FF0000; for background, color: #FF0000; for text, or border: 1px solid #FF0000; for borders.

Red Hex #FF0000: HTML Color Codes & CSS

Red (#FF0000) Color Codes & Conversions

Color Preview

Make a gradient with Red →

Opens Red with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	red
Hex	#FF0000
RGB	rgb(255, 0, 0)
HSV	hsv(0, 100%, 100%)
HSL	hsl(0, 100%, 50%)
OKLCH	oklch(62.8% 0.2577 29.23)

What is the color name for #FF0000?

#FF0000 color name is Red.

Color Information

The HTML color Red has the hexadecimal code #FF0000 and in the RGB color space is composed of 100% red, 0% green, and 0% blue. The color Red has a hue angle of 0 degrees, a saturation of 100% and a lightness of 50%.

Red CSS Code Snippets

Background Color

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

Text Color

.text-red { color: #FF0000; }

Border Color

.border-red { border: 1px solid #FF0000; }

Shade Gradient

.gradient-shade-red { background: linear-gradient(135deg, #FF0000, #660000); }

Tint Gradient

.gradient-tint-red { background: linear-gradient(135deg, #FF0000, #FF9999); }

Monochromatic Gradient

.gradient-mono-red { background: linear-gradient(135deg, #FF0000, #DB0000); }

Red Shades

#E60000

#CC0000

#B30000

#990000

#800000

#660000

Red Tints

#FF1A1A

#FF3333

#FF4D4D

#FF6666

#FF8080

#FF9999

Red Tones

#EE1111

#DE2121

#CD3232

#BD4242

#AC5353

#9C6363

Red Monochromatic

#DB0000

#B60000

#920000

#6D0000

#490000

#240000

Similar Colors to Red

#FF0055

#FF0033

#FF0011

#FF1100

#FF3300

#FF5500

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator