Red
red is a CSS color keyword. The closest Tailwind step is red-600 (#dc2626).
#ff0000rgb(255, 0, 0)
- Hex
- #ff0000
- RGB
- 255, 0, 0
- HSL
- 0°, 100%, 50%
- OKLCH
- 62.8% 0.258 29.2
- LAB
- 53.2 80.1 67.2
Text contrast
Black or white text on #ff0000. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.
Color vision
How #ff0000 looks in simulations of color blindness, at full severity.
#ff0000
#6d5f00
#a39000
#ff000f
Tonal scale
An OKLCH ramp that keeps this hue. The marked step is the closest lightness to red.
Copy into CSS
color: red;
background: #ff0000;@theme {
--color-red-50: #fff2ef;
--color-red-100: #ffe0da;
--color-red-200: #ffbfb4;
--color-red-300: #ff9181;
--color-red-400: #ff5544;
--color-red-500: #e60000;
--color-red-600: #b70000;
--color-red-700: #900000;
--color-red-800: #6a0000;
--color-red-900: #470000;
--color-red-950: #230000;
}