#2C0186 Color Information


In the RGB color space, #2C0186 is composed of 17.2549% red, 0.3922% green, and 52.549% blue.

In the CMYK color space, #2C0186 is composed of 67.17% cyan, 99.26% magenta, 0% yellow, and 47.45% black,

It has a hue angle of 259.4 degrees, a saturation of 98.53%, and a lightness of 26.47%.

The closest websafe color is #330099.

#2C0186 RGB Values

#2C0186 CMYK Values



#2C0186 Color Conversion


The hexadecimal color #2C0186 has RGB values of R:44, G:1, B:134 and CMYK values of C:67.17, M:99.26, Y:0, K:47.45. It has a decimal value of 2883974.


Hexadecimal #2C0186 #2C0186
RGB Decimal 44, 1, 134 rgb(44, 1, 134)
RGB Percent 17.2549, 0.3922, 52.549 rgb(17.2549%, 0.3922%, 52.549%)
RGB Proportion 0.1725, 0.0039, 0.5255 rgb(0.1725, 0.0039, 0.5255)
CMYK 67.17, 99.26, 0, 47.45
HSL 259.4ยบ, 98.53, 26.47 hsl(259.4, 98.53%, 26.47%)
Websafe 330099 #330099
XYZ 5.352, 2.278, 22.713
Yxy 2.278, 0.176, 0.075
CIE-LAB 16.883, 49.906, -61.918
CIE-LCH 16.883, 79.526, 308.869
CIE-LUV 16.883, 0.221, -60.994
Hunter-Lab 15.093, 36.883, -78.658

Color Schemes For #2C0186


Colors that go well with #2C0186.

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

Alternatives to #2C0186


Colors similar to #2C0186.


#2C0186 Preview


Common HTML and CSS shortcodes for #2C0186.

Text with color #2C0186


The quick brown fox jumps over the lazy dog.

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

#2C0186 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2C0186


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C0186


Linear gradient from #2C0186 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C0186


Radial gradient from #2C0186 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C0186 and its Complementary Color


Linear gradient from #2C0186 to #D3FE79.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C0186 and its Complementary Color


Radial gradient from #2C0186 to #D3FE79.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors