Color meaning

True Red

Introducing True Red (#D22730), a bold, primary shade. Its vivid, high-energy saturation gives storefronts an urgent, confident presence, while its strong stopping power makes it a classic choice for clearance badges, add-to-cart buttons, and error states where attention must land instantly.

#D22730HSL 357, 69%, 49%

True Red code conversions

HEX
#D22730
RGB
rgb(210, 39, 48)
HSL
hsl(357, 69%, 49%)
HSB
hsb(357, 81%, 82%)
CMYK
cmyk(0%, 81%, 77%, 18%)

True Red color harmonies

Analogous

Neighbors on the color wheel: a calm, low-contrast set that reads as one family.

Complementary

The hue directly opposite: maximum contrast for an accent that pops.

Split Complementary

The complement's two neighbors: strong contrast with less tension than a straight complement.

Triadic

Three hues evenly spaced: balanced and vivid without a single dominant color.

Tetradic

Two complementary pairs: a rich four-color scheme that needs one color to lead.

Square

Four hues evenly spaced: bold and balanced, best with one anchor and three accents.

True Red contrast

Your catchy large text

Small body copy sitting on True Red.

5.16:1White textAA passAAA fail

Your catchy large text

Small body copy sitting on True Red.

3.66:1Black textAA failAAA fail

True Red color variations

Shades

Mixed toward black: deeper steps for backgrounds and hover states.

Tints

Mixed toward white: softer steps for surfaces and disabled states.

Tones

Mixed toward gray: muted, sophisticated steps that lower the intensity.

Hues

Rotated around the wheel: related hues at the same lightness and saturation.

Brands that use colors like True Red

Matched by color distance against real palettes extracted from live storefronts.

Puma
#cc192b

Related red colors

CrimsonCoral

True Red: frequently asked

What color is True Red?

True Red (#D22730) is a pure, saturated red with a faint warm lean. In e-commerce interfaces it reads as bold and urgent, sitting between a deep crimson and a bright scarlet.

What is the meaning of True Red?

True Red signals urgency, passion, and decisive action. Brands reach for it when they want customers to feel motivated at the point of checkout, whether flagging a sale, a low-stock warning, or a primary CTA.

How do I use True Red (#D22730) in e-commerce design?

Use True Red for primary buttons, sale badges, and error messages, and pair it with white or near-black for strong contrast. Reserve it for single high-priority actions, since competing red elements dilute its urgency.

Using True Red color codes

Copy True Red (#D22730) in HEX, RGB, HSL, HSB, and CMYK below to match it across web store, app, and packaging.

Colors are just the start

See these colors at work in real, looping storefront captures. The whole library is free to browse.

Browse the librarySee pricing

Free to browse · Pro unlocks the MCP