What is color #ff0000?
The color Red (#ff0000) belongs to the red family and reads as commanding. It sits at 0° on the color wheel with 100% saturation.
Designers in food and beverage and education often reach for this mid red when they want to communicate excitement.
#ff0000 finds its visual weight shifted toward the red channel. To deploy it effectively, use it sparingly as an accent against a quieter backdrop or contrast it sharply with #00ffff.
Conversions for #ff0000
HEX
#ff0000
RGB
255, 0, 0
HSL
0°, 100%, 50%
HSV
0°, 100%, 100%
CMYK
0%, 100%, 100%, 0%
XYZ
41.24, 21.26, 1.93
CIE-Lab
53.23, 80.11, 67.22
Web safe
#ff0000
WCAG accessibility of #ff0000 (Red)
On white
4.00 : 1
Sample #ff0000
Rating: AA Large
On black
5.25 : 1
Sample #ff0000
Rating: AA
Tones of Red (desaturated variations of #ff0000)
Color harmonies for #ff0000
Colors similar to #ff0000
Gradients featuring #ff0000
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #ff0000
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #ff0000
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #ff0000.
const color = "#ff0000";
CSS & Tailwind snippets for #ff0000
Background
.bg-ff0000 { background-color: #ff0000; }Text color
.text-ff0000 { color: #ff0000; }Border
.border-ff0000 { border: 1px solid #ff0000; }Box shadow
.shadow-ff0000 { box-shadow: 0 4px 14px #ff000040; }CSS variable
:root { --color-ff0000: #ff0000; }Tailwind config
colors: {
'red': '#ff0000',
}