CSS named color
Red
#FF0000
HEX
#ff0000RGB
rgb(255, 0, 0)HSL
hsl(0, 100%, 50%)OKLCH
oklch(62.80% 0.2577 29.23)NAME
redPalette
Complementary
180° on the color wheelAnalogous
±30° around the base hueLeft
#FF0080
Right
#FF8000
Triadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: red;
background-color: red;By HEX
color: #ff0000;
background-color: #ff0000;By RGB
color: rgb(255, 0, 0);
background-color: rgb(255, 0, 0);By HSL
color: hsl(0, 100%, 50%);
background-color: hsl(0, 100%, 50%);WCAG contrast vs white
Aa
4.00:1
AA (large text)
WCAG contrast vs black
Aa
5.25:1
AA
Related colors
FAQ — Red
What is the HEX code for Red?
The HEX code for Red is #FF0000. It's one of the 148 named CSS colors and can be used directly in CSS as color: red; or color: #ff0000;
What is Red in RGB?
Red in RGB is rgb(255, 0, 0) — red 255, green 0, blue 0.
What is Red in HSL?
Red in HSL is hsl(0, 100%, 50%) — hue 0°, saturation 100%, lightness 50%.
What is the complementary color of Red?
The complementary color (directly opposite Red on the color wheel) is #00FFFF. The two together produce maximum contrast.
Is white text readable on Red?
The WCAG contrast ratio against white (#FFFFFF) is 4.00:1, and against black (#000000) it's 5.25:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.