#022101 Color Information


In the RGB color space, #022101 is composed of 0.7843% red, 12.9412% green, and 0.3922% blue.

In the CMYK color space, #022101 is composed of 93.97% cyan, 0% magenta, 96.99% yellow, and 87.06% black,

It has a hue angle of 118.1 degrees, a saturation of 94.15%, and a lightness of 6.66%.

The closest websafe color is #003300.

#022101 RGB Values

#022101 CMYK Values



#022101 Color Conversion


The hexadecimal color #022101 has RGB values of R:2, G:33, B:1 and CMYK values of C:93.97, M:0, Y:96.99, K:87.06. It has a decimal value of 139521.


Hexadecimal #022101 #022101
RGB Decimal 2, 33, 1 rgb(2, 33, 1)
RGB Percent 0.7843, 12.9412, 0.3922 rgb(0.7843%, 12.9412%, 0.3922%)
RGB Proportion 0.0078, 0.1294, 0.0039 rgb(0.0078, 0.1294, 0.0039)
CMYK 93.97, 0, 96.99, 87.06
HSL 118.1ยบ, 94.15, 6.66 hsl(118.1, 94.15%, 6.66%)
Websafe 003300 #003300
XYZ 0.574, 1.103, 0.211
Yxy 1.103, 0.304, 0.584
CIE-LAB 9.822, -18.821, 13.916
CIE-LCH 9.822, 23.407, 143.521
CIE-LUV 9.822, -8.747, 11.603
Hunter-Lab 10.502, -8.623, 6.16

Color Schemes For #022101


Colors that go well with #022101.

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

Alternatives to #022101


Colors similar to #022101.


#022101 Preview


Common HTML and CSS shortcodes for #022101.

Text with color #022101


The quick brown fox jumps over the lazy dog.

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

#022101 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #022101


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #022101


Linear gradient from #022101 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #022101


Radial gradient from #022101 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #022101 and its Complementary Color


Linear gradient from #022101 to #FDDEFE.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #022101 and its Complementary Color


Radial gradient from #022101 to #FDDEFE.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors