BlueViolet / #8A2BE2 Color Information


In the RGB color space, #8A2BE2 is composed of 54.1176% red, 16.8627% green, and 88.6275% blue.

In the CMYK color space, #8A2BE2 is composed of 38.94% cyan, 80.98% magenta, 0% yellow, and 11.37% black,

It has a hue angle of 271.1 degrees, a saturation of 75.94%, and a lightness of 52.74%.

The closest websafe color is #9933CC.

#8A2BE2 has a CSS color name: BlueViolet.

#8A2BE2 RGB Values

#8A2BE2 CMYK Values



BlueViolet / #8A2BE2 Color Conversion


The hexadecimal color #8A2BE2 has RGB values of R:138, G:43, B:226 and CMYK values of C:38.94, M:80.98, Y:0, K:11.37. It has a decimal value of 9055202.


Hexadecimal #8A2BE2 #8A2BE2
RGB Decimal 138, 43, 226 rgb(138, 43, 226)
RGB Percent 54.1176, 16.8627, 88.6275 rgb(54.1176%, 16.8627%, 88.6275%)
RGB Proportion 0.5412, 0.1686, 0.8863 rgb(0.5412, 0.1686, 0.8863)
CMYK 38.94, 80.98, 0, 11.37
HSL 271.1ยบ, 75.94, 52.74 hsl(271.1, 75.94%, 52.74%)
Websafe 9933CC #9933CC
XYZ 25.074, 12.622, 73.071
Yxy 12.622, 0.226, 0.114
CIE-LAB 42.188, 69.864, -74.778
CIE-LCH 42.188, 102.336, 313.054
CIE-LUV 42.188, 18.352, -113.176
Hunter-Lab 35.527, 63.806, -97.075

Color Schemes For BlueViolet / #8A2BE2


Colors that go well with BlueViolet / #8A2BE2.

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

Alternatives to BlueViolet / #8A2BE2


Colors similar to BlueViolet / #8A2BE2.


BlueViolet / #8A2BE2 Preview


Common HTML and CSS shortcodes for BlueViolet / #8A2BE2.

Text with color #8A2BE2


The quick brown fox jumps over the lazy dog.

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

#8A2BE2 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #8A2BE2


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #8A2BE2


Linear gradient from #8A2BE2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #8A2BE2


Radial gradient from #8A2BE2 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #8A2BE2 and its Complementary Color


Linear gradient from #8A2BE2 to #75D41D.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #8A2BE2 and its Complementary Color


Radial gradient from #8A2BE2 to #75D41D.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #8A2BE2; } .background { background-color: #8A2BE2; } .border { border: 1px solid #8A2BE2; } .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 BlueViolet / #8A2BE2


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 #FDFBFE.

Shades


Tints

Random Colors