#6220EE Color Information


In the RGB color space, #6220EE is composed of 38.4314% red, 12.549% green, and 93.3333% blue.

In the CMYK color space, #6220EE is composed of 58.82% cyan, 86.55% magenta, 0% yellow, and 6.67% black,

It has a hue angle of 259.2 degrees, a saturation of 85.83%, and a lightness of 52.94%.

The closest websafe color is #6633FF.

#6220EE RGB Values

#6220EE CMYK Values



#6220EE Color Conversion


The hexadecimal color #6220EE has RGB values of R:98, G:32, B:238 and CMYK values of C:58.82, M:86.55, Y:0, K:6.67. It has a decimal value of 6430958.


Hexadecimal #6220EE #6220EE
RGB Decimal 98, 32, 238 rgb(98, 32, 238)
RGB Percent 38.4314, 12.549, 93.3333 rgb(38.4314%, 12.549%, 93.3333%)
RGB Proportion 0.3843, 0.1255, 0.9333 rgb(0.3843, 0.1255, 0.9333)
CMYK 58.82, 86.55, 0, 6.67
HSL 259.2ยบ, 85.83, 52.94 hsl(259.2, 85.83%, 52.94%)
Websafe 6633FF #6633FF
XYZ 20.985, 9.802, 81.668
Yxy 9.802, 0.187, 0.087
CIE-LAB 37.485, 71.662, -89.501
CIE-LCH 37.485, 114.655, 308.684
CIE-LUV 37.485, 2.629, -124.138
Hunter-Lab 31.308, 64.854, -132.744

Color Schemes For #6220EE


Colors that go well with #6220EE.

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

Alternatives to #6220EE


Colors similar to #6220EE.


#6220EE Preview


Common HTML and CSS shortcodes for #6220EE.

Text with color #6220EE


The quick brown fox jumps over the lazy dog.

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

#6220EE as background color


The quick brown fox jumps over the lazy dog.

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

Border with #6220EE


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #6220EE


Linear gradient from #6220EE to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #6220EE


Radial gradient from #6220EE to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #6220EE and its Complementary Color


Linear gradient from #6220EE to #9DDF11.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#6220EE, #9DDF11);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #6220EE and its Complementary Color


Radial gradient from #6220EE to #9DDF11.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#6220EE, #9DDF11);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #6220EE; } .background { background-color: #6220EE; } .border { border: 1px solid #6220EE; } .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 #6220EE


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