Heliotrope
HEX #df73ff
RGB 223,115,255

CSS notation Color spaces Color names Color harmonies Tints, shades and tones

CSS notation

Use this for all CSS properties that accept a color as a value: color, background-color, border-color

#df73ff

rgb(223,115,255)

hsl(286, 100%, 73%)

Color spaces

Names and values for each color representation

HSL
Hue	286.29°
Saturation	100%
Lightness	72.55%

HSV / HSB
Hue	286.29°
Saturation	54.9%
Value / Brightness	100%

RGB
Red	87.45%
Green	45.1%
Blue	100%

CMYK
Cyan	12.55%
Magenta	54.9%
Yellow	0%
Black	0%

YCbCr
Y	0.64
Cb	0.2
Cr	0.17

Nearest Colors Name

Most similar colors in standard

Wiki

X11

CSS (HTML, Web)

PANTONE

RAL

RAL 7038 (Agate Grey)

#c3c3c3

Color Harmonies

Schemes of colors that work well together

Complementary

Create the strongest contrast.

#df73ff

#94ff73

Triad

Let one color dominate and use the other two for the accent.

#73ffde

#df73ff

#ffde73

Square

Balance between warm and cool colors.

Adjacent / Analogous / Analogic

Pleasing and harmonious to the eye, they can be found in nature.

#9873ff

#df73ff

#ff73da

Split Complementary

Low tension, strong visual contrast.

#73ff98

#df73ff

#daff73

Rectangle / Tetradic

Two complementary pairs for a total of four colors.

Tints, Shades, and Tones

Tints

A tint is obtained by adding white to a color. This process reduces darkness.

Shades

A shade is obtained by adding black to a color. This process increases darkness.

Tones

A tone is produced either by mixing a color with grey, or by both tinting and shading.