UI Shades

A study in red

Red

#FF0000

Family
Red
L
0.628
C
0.258
H
29°

Notes

Red in CSS is #ff0000, the brightest possible red the sRGB color space can produce. The hex is too saturated for almost any practical UI use except as a brief error state or attention flag. Cultural associations are unusually strong: danger, passion, urgency, importance. Real-world red branding usually pulls a slightly desaturated or darker variant. The pure value functions strictly as a visual stop signal; for sustained use, Crimson, Firebrick, or a modern OKLCH-tuned red will hold up better. Body text contrast against white falls below AA at body sizes.

#ff0000
Red
Red
#ff0000
oklch(0.628 0.258 29.23)
rgb(255 0 0)
hsl(0 100% 50%)
Share
#fff3ef
#ffebe5
#ffd6cd
#ffbeb1
#ff8877
#ff0000
#e00000
#ba0000
#8b0000
#620000
#3a0000

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Red

Cross-reference
Q&A

Frequently asked questions

What is Red?

Red in CSS is #ff0000, the brightest possible red the sRGB color space can produce. The hex is too saturated for almost any practical UI use except as a brief error state or attention flag. Its hex code is #FF0000.

What are the tints and shades of Red?

uishades builds an 11-step OKLCH ramp for Red (#FF0000) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Red?

Its complementary color is #009CB2. Triadic partners are #00A836 and #5577FF; analogous neighbours are #D06800 and #F50084.

What are the OKLCH and RGB values of Red?

Red is #FF0000 - OKLCH 0.628 0.258 29°, rgb(255 0 0), in the red family.