#7220D6 Color Information


In the RGB color space, #7220D6 is composed of 44.7059% red, 12.549% green, and 83.9216% blue.

In the CMYK color space, #7220D6 is composed of 46.72% cyan, 85.05% magenta, 0% yellow, and 16.08% black,

It has a hue angle of 267.0 degrees, a saturation of 73.98%, and a lightness of 48.23%.

The closest websafe color is #6633CC.

#7220D6 RGB Values

#7220D6 CMYK Values



#7220D6 Color Conversion


The hexadecimal color #7220D6 has RGB values of R:114, G:32, B:214 and CMYK values of C:46.72, M:85.05, Y:0, K:16.08. It has a decimal value of 7479510.


Hexadecimal #7220D6 #7220D6
RGB Decimal 114, 32, 214 rgb(114, 32, 214)
RGB Percent 44.7059, 12.549, 83.9216 rgb(44.7059%, 12.549%, 83.9216%)
RGB Proportion 0.4471, 0.1255, 0.8392 rgb(0.4471, 0.1255, 0.8392)
CMYK 46.72, 85.05, 0, 16.08
HSL 267.0ยบ, 73.98, 48.23 hsl(267.0, 73.98%, 48.23%)
Websafe 6633CC #6633CC
XYZ 19.594, 9.466, 64.41
Yxy 9.466, 0.21, 0.101
CIE-LAB 36.866, 67.496, -76.742
CIE-LCH 36.866, 102.201, 311.332
CIE-LUV 36.866, 11.049, -109.38
Hunter-Lab 30.767, 59.836, -102.586

Color Schemes For #7220D6


Colors that go well with #7220D6.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #7220D6


Colors similar to #7220D6.


#7220D6 Preview


Common HTML and CSS shortcodes for #7220D6.

Text with color #7220D6


The quick brown fox jumps over the lazy dog.

<div style="color: #7220D6;">The quick brown fox jumps over the lazy dog.</div>

#7220D6 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #7220D6;">The quick brown fox jumps over the lazy dog.</div>

Border with #7220D6


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #7220D6;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #7220D6


Linear gradient from #7220D6 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#7220D6, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #7220D6


Radial gradient from #7220D6 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#7220D6, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #7220D6 and its Complementary Color


Linear gradient from #7220D6 to #8DDF29.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#7220D6, #8DDF29);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #7220D6 and its Complementary Color


Radial gradient from #7220D6 to #8DDF29.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#7220D6, #8DDF29);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #7220D6; } .background { background-color: #7220D6; } .border { border: 1px solid #7220D6; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #7220D6


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020004 while the lightest tint is #FCFBFE.

Shades


Tints

Random Colors