DarkViolet / #9400D3 Color Information


In the RGB color space, #9400D3 is composed of 58.0392% red, 0% green, and 82.7451% blue.

In the CMYK color space, #9400D3 is composed of 29.86% cyan, 100% magenta, 0% yellow, and 17.25% black,

It has a hue angle of 282.1 degrees, a saturation of 100%, and a lightness of 41.38%.

The closest websafe color is #9900CC.

#9400D3 has a CSS color name: DarkViolet.

#9400D3 RGB Values

#9400D3 CMYK Values



DarkViolet / #9400D3 Color Conversion


The hexadecimal color #9400D3 has RGB values of R:148, G:0, B:211 and CMYK values of C:29.86, M:100, Y:0, K:17.25. It has a decimal value of 9699539.


Hexadecimal #9400D3 #9400D3
RGB Decimal 148, 0, 211 rgb(148, 0, 211)
RGB Percent 58.0392, 0, 82.7451 rgb(58.0392%, 0%, 82.7451%)
RGB Proportion 0.5804, 0.0, 0.8275 rgb(0.5804, 0.0, 0.8275)
CMYK 29.86, 100, 0, 17.25
HSL 282.1ยบ, 100, 41.38 hsl(282.1, 100%, 41.38%)
Websafe 9900CC #9900CC
XYZ 23.973, 11.0, 62.496
Yxy 11.0, 0.246, 0.113
CIE-LAB 39.58, 76.34, -70.383
CIE-LCH 39.58, 103.834, 317.325
CIE-LUV 39.58, 29.267, -105.666
Hunter-Lab 33.166, 70.981, -88.505

Color Schemes For DarkViolet / #9400D3


Colors that go well with DarkViolet / #9400D3.

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

Alternatives to DarkViolet / #9400D3


Colors similar to DarkViolet / #9400D3.


DarkViolet / #9400D3 Preview


Common HTML and CSS shortcodes for DarkViolet / #9400D3.

Text with color #9400D3


The quick brown fox jumps over the lazy dog.

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

#9400D3 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #9400D3


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #9400D3


Linear gradient from #9400D3 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #9400D3


Radial gradient from #9400D3 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #9400D3 and its Complementary Color


Linear gradient from #9400D3 to #6BFF2C.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#9400D3, #6BFF2C);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #9400D3 and its Complementary Color


Radial gradient from #9400D3 to #6BFF2C.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#9400D3, #6BFF2C);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #9400D3; } .background { background-color: #9400D3; } .border { border: 1px solid #9400D3; } .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 DarkViolet / #9400D3


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

Shades


Tints

Random Colors