Indigo / #4B0082 Color Information


In the RGB color space, #4B0082 is composed of 29.4118% red, 0% green, and 50.9804% blue.

In the CMYK color space, #4B0082 is composed of 42.31% cyan, 100% magenta, 0% yellow, and 49.02% black,

It has a hue angle of 274.6 degrees, a saturation of 100%, and a lightness of 25.49%.

The closest websafe color is #330099.

#4B0082 has a CSS color name: Indigo .

#4B0082 RGB Values

#4B0082 CMYK Values



Indigo / #4B0082 Color Conversion


The hexadecimal color #4B0082 has RGB values of R:75, G:0, B:130 and CMYK values of C:42.31, M:100, Y:0, K:49.02. It has a decimal value of 4915330.


Hexadecimal #4B0082 #4B0082
RGB Decimal 75, 0, 130 rgb(75, 0, 130)
RGB Percent 29.4118, 0, 50.9804 rgb(29.4118%, 0%, 50.9804%)
RGB Proportion 0.2941, 0.0, 0.5098 rgb(0.2941, 0.0, 0.5098)
CMYK 42.31, 100, 0, 49.02
HSL 274.6ยบ, 100, 25.49 hsl(274.6, 100%, 25.49%)
Websafe 330099 #330099
XYZ 6.93, 3.107, 21.353
Yxy 3.107, 0.221, 0.099
CIE-LAB 20.467, 51.695, -53.322
CIE-LCH 20.467, 74.267, 314.112
CIE-LUV 20.467, 10.08, -61.341
Hunter-Lab 17.627, 39.331, -59.485

Color Schemes For Indigo / #4B0082


Colors that go well with Indigo / #4B0082.

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

Alternatives to Indigo / #4B0082


Colors similar to Indigo / #4B0082.


Indigo / #4B0082 Preview


Common HTML and CSS shortcodes for Indigo / #4B0082.

Text with color #4B0082


The quick brown fox jumps over the lazy dog.

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

#4B0082 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #4B0082


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #4B0082


Linear gradient from #4B0082 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #4B0082


Radial gradient from #4B0082 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #4B0082 and its Complementary Color


Linear gradient from #4B0082 to #B4FF7D.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#4B0082, #B4FF7D);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #4B0082 and its Complementary Color


Radial gradient from #4B0082 to #B4FF7D.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#4B0082, #B4FF7D);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #4B0082; } .background { background-color: #4B0082; } .border { border: 1px solid #4B0082; } .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 Indigo / #4B0082


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

Shades


Tints

Random Colors