#A20F87 Color Information


In the RGB color space, #A20F87 is composed of 63.5294% red, 5.8824% green, and 52.9412% blue.

In the CMYK color space, #A20F87 is composed of 0% cyan, 90.74% magenta, 16.67% yellow, and 36.47% black,

It has a hue angle of 311.0 degrees, a saturation of 83.06%, and a lightness of 34.7%.

The closest websafe color is #990099.

#A20F87 RGB Values

#A20F87 CMYK Values



#A20F87 Color Conversion


The hexadecimal color #A20F87 has RGB values of R:162, G:15, B:135 and CMYK values of C:0, M:90.74, Y:16.67, K:36.47. It has a decimal value of 10620807.


Hexadecimal #A20F87 #A20F87
RGB Decimal 162, 15, 135 rgb(162, 15, 135)
RGB Percent 63.5294, 5.8824, 52.9412 rgb(63.5294%, 5.8824%, 52.9412%)
RGB Proportion 0.6353, 0.0588, 0.5294 rgb(0.6353, 0.0588, 0.5294)
CMYK 0, 90.74, 16.67, 36.47
HSL 311.0ยบ, 83.06, 34.7 hsl(311.0, 83.06%, 34.7%)
Websafe 990099 #990099
XYZ 19.444, 9.772, 23.782
Yxy 9.772, 0.367, 0.184
CIE-LAB 37.43, 64.311, -28.325
CIE-LCH 37.43, 70.272, 336.229
CIE-LUV 37.43, 63.168, -47.601
Hunter-Lab 31.26, 56.323, -23.224

Color Schemes For #A20F87


Colors that go well with #A20F87.

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

Alternatives to #A20F87


Colors similar to #A20F87.


#A20F87 Preview


Common HTML and CSS shortcodes for #A20F87.

Text with color #A20F87


The quick brown fox jumps over the lazy dog.

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

#A20F87 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #A20F87


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #A20F87


Linear gradient from #A20F87 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #A20F87


Radial gradient from #A20F87 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #A20F87 and its Complementary Color


Linear gradient from #A20F87 to #5DF078.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #A20F87 and its Complementary Color


Radial gradient from #A20F87 to #5DF078.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors