#3A0133 Color Information


In the RGB color space, #3A0133 is composed of 22.7451% red, 0.3922% green, and 20% blue.

In the CMYK color space, #3A0133 is composed of 0% cyan, 98.29% magenta, 12.09% yellow, and 77.25% black,

It has a hue angle of 307.4 degrees, a saturation of 96.63%, and a lightness of 11.57%.

The closest websafe color is #330033.

#3A0133 RGB Values

#3A0133 CMYK Values



#3A0133 Color Conversion


The hexadecimal color #3A0133 has RGB values of R:58, G:1, B:51 and CMYK values of C:0, M:98.29, Y:12.09, K:77.25. It has a decimal value of 3801395.


Hexadecimal #3A0133 #3A0133
RGB Decimal 58, 1, 51 rgb(58, 1, 51)
RGB Percent 22.7451, 0.3922, 20 rgb(22.7451%, 0.3922%, 20%)
RGB Proportion 0.2275, 0.0039, 0.2 rgb(0.2275, 0.0039, 0.2)
CMYK 0, 98.29, 12.09, 77.25
HSL 307.4ยบ, 96.63, 11.57 hsl(307.4, 96.63%, 11.57%)
Websafe 330033 #330033
XYZ 2.354, 1.161, 3.232
Yxy 1.161, 0.349, 0.172
CIE-LAB 10.266, 32.527, -16.638
CIE-LCH 10.266, 36.535, 332.91
CIE-LUV 10.266, 16.245, -15.176
Hunter-Lab 10.775, 20.141, -10.242

Color Schemes For #3A0133


Colors that go well with #3A0133.

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

Alternatives to #3A0133


Colors similar to #3A0133.


#3A0133 Preview


Common HTML and CSS shortcodes for #3A0133.

Text with color #3A0133


The quick brown fox jumps over the lazy dog.

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

#3A0133 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #3A0133


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3A0133


Linear gradient from #3A0133 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3A0133


Radial gradient from #3A0133 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3A0133 and its Complementary Color


Linear gradient from #3A0133 to #C5FECC.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3A0133 and its Complementary Color


Radial gradient from #3A0133 to #C5FECC.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors