#FF0000
Red
Red is a primary color in the RGB model and one of the most emotionally intense colors. It is associated with passion, love, danger, and courage.
Red Color Values
HEX#FF0000
RGB255, 0, 0
HSL0°, 100%, 50%
HSV0°, 100%, 100%
CMYK0%, 100%, 100%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #6D5F00 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #A39000 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FF000D (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #949494 (~0.003% of population)
Red as Text Color
Red on White
4.0:1FAIL
Red on Light Gray
3.7:1FAIL
Red on Cream
3.8:1FAIL
Red on Dark
4.3:1FAIL
Red on Black
5.3:1AA
Red on Soft Blue
3.5:1FAIL
Red on Soft Green
3.6:1FAIL
Red on Soft Pink
3.3:1FAIL
Nearest Tailwind Class
red-600
#DC2626
Nearest Pantone Match
Pantone 485 C
#DA291C
CSS Variable Export
:root {
--color-red: #FF0000;
--color-red-rgb: 255, 0, 0;
}Tailwind Config
// tailwind.config.js
colors: {
'red': '#FF0000',
}Shades of Red
#FF0000
#E00000
#C70000
#A80000
#8F0000
#700000
#570000
#380000
#1F0000
#000000
Tints of Red
#FF0000
#FF1F1F
#FF3838
#FF5757
#FF7070
#FF8F8F
#FFA8A8
#FFC7C7
#FFE0E0
#FFFFFF
Color Harmonies
Complementary
#FF0000
#00FFFF
Analogous
#FF0080
#FF0000
#FF8000
Triadic
#FF0000
#00FF00
#0000FF
Red Text Preview
Heading in Red
Body text in Red. The quick brown fox jumps over the lazy dog.
White on Red
Body text on a Red background.
Red text on dark background
Contrast: 4.4:1