Amaranth color

A bright raspberry red named after the amaranth flower, whose name means unfading in Greek. It's punchy and modern, sitting between red and hot pink. Designers use it for buttons, sale banners and bold UI accents.

Also known as: Amaranth red.

Amaranth · #E52B50

About amaranth

Amaranth (#E52B50) is a warm, mid-tone, highly saturated color. It belongs to the reds family. It mixes 229 red, 43 green and 80 blue (out of 255). It is mostly used in web, UI accents, fashion.

Amaranth shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Amaranth color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Caribbean green

AnalogousClose to: Fuchsia, Burnt orange

TriadicClose to: Grass green, Neon blue

Split complementaryClose to: Spring green, Deep sky blue

TetradicClose to: Pear, Caribbean green, Neon blue

Amaranth color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Amaranth

Analogous palette · Amaranth

Complementary palette · Amaranth

Triadic palette · Amaranth

With neutrals palette · Amaranth

With an accent palette · Amaranth

Amaranth contrast with text

White textContrast 4.4:1 · AA large text

Black textContrast 4.8:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --amaranth: #E52B50;
  --amaranth-rgb: 229, 43, 80;
}
.bg { background-color: var(--amaranth); }
.text { color: var(--amaranth); }

Colors similar to amaranth

Crimson Cardinal red Raspberry Cerise Cherry red Fire engine red Rose red Vermilion Brick red Watermelon pink

Themed palettes with this color

Frequently asked questions

What is the hex code for amaranth?

The hex code for amaranth is #E52B50. In RGB it is rgb(229, 43, 80), in HSL hsl(348, 78%, 53%) and in CMYK 0, 81, 65, 10.

What is the complementary color of amaranth?

Its complement on the color wheel is #2BE5C0, close to caribbean green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on amaranth?

Use black text instead: the contrast with white is only 4.4:1, while with black it is 4.8:1.