Red Color — #EF4444

The full profile: tonal scale, harmonies, contrast against black and white, and ready-to-use CSS.

Build a palette from Red All colors

On white

3.76:1

Fail Fail

On black

5.58:1

AA Pass

Harmonies

Palettes built around this color

Color blindness simulation

How this color appears under common color vision deficiencies

Protanopia (red-blind)

#A5A344

Deuteranopia (green-blind)

#AFBC44

Tritanopia (blue-blind)

#E64444

Achromatopsia (monochrome)

#777777

Scale

Red — full tonal scale

50 to 950 in OKLCH; step 500 is the source color.

What is Red?: Red (#EF4444) is a red family color. Use it for red accents, backgrounds, or UI elements.
What are good color pairings?: Try complementary (#43EFEF), analogous, or triadic harmonies. For UI, pair with white or black based on the contrast ratios shown above.
Is it accessible for text?: On white: 3.76:1 (Fail). On black: 5.58:1 (AA). Use the passing combination for body text.