Color Palettes

Heliotrope color

A bright, pinkish purple named after the heliotrope flower. It is a cheerful choice for spring fashion, kids' rooms and playful graphics.

Also known as: Heliotrope purple.

Heliotrope · #DF73FF

About heliotrope

Heliotrope (#DF73FF) is a cool, light, highly saturated color. It belongs to the purples family. It mixes 223 red, 115 green and 255 blue (out of 255). It is mostly used in fashion, kids, graphics.

Heliotrope shades and tints

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

See all its shades: Color shades generator

Heliotrope color harmonies

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

ComplementaryClose to: Mint green
AnalogousClose to: Slate blue, Neon pink
TriadicClose to: Mellow yellow, Aquamarine
Split complementaryClose to: Butter yellow, Mint green
TetradicClose to: Light salmon, Mint green, Baby blue

Heliotrope color palettes

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

Monochromatic palette · Heliotrope
Analogous palette · Heliotrope
Complementary palette · Heliotrope
Triadic palette · Heliotrope
With neutrals palette · Heliotrope
With an accent palette · Heliotrope

Heliotrope contrast with text

White textContrast 2.6:1 · Not recommended
Black textContrast 8.0:1 · AAA

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

CSS code

:root {
  --heliotrope: #DF73FF;
  --heliotrope-rgb: 223, 115, 255;
}
.bg { background-color: var(--heliotrope); }
.text { color: var(--heliotrope); }

Colors similar to heliotrope

OrchidAmethystLavenderNeon pinkGrape purpleSlate blueShocking pinkMagentaDeep purpleRoyal purple

More purples

VioletDeep purplePurpleLilacLavenderMauvePlumAmethystEggplantOrchidIndigoGrape purpleWisteriaPastel lilacUltra violetLavender grayThistleMulberryByzantiumRoyal purpleAubergineTyrian purplePastel purpleLight purple

Frequently asked questions

What is the hex code for heliotrope?

The hex code for heliotrope is #DF73FF. In RGB it is rgb(223, 115, 255), in HSL hsl(286, 100%, 73%) and in CMYK 13, 55, 0, 0.

What is the complementary color of heliotrope?

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

Can you use white text on heliotrope?

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