#AF539C Color Information


In the RGB color space, #AF539C is composed of 68.6275% red, 32.549% green, and 61.1765% blue.

In the CMYK color space, #AF539C is composed of 0% cyan, 52.57% magenta, 10.86% yellow, and 31.37% black,

It has a hue angle of 312.4 degrees, a saturation of 36.51%, and a lightness of 50.59%.

The closest websafe color is #996699.

#AF539C RGB Values

#AF539C CMYK Values



#AF539C Color Conversion


The hexadecimal color #AF539C has RGB values of R:175, G:83, B:156 and CMYK values of C:0, M:52.57, Y:10.86, K:31.37. It has a decimal value of 11490204.


Hexadecimal #AF539C #AF539C
RGB Decimal 175, 83, 156 rgb(175, 83, 156)
RGB Percent 68.6275, 32.549, 61.1765 rgb(68.6275%, 32.549%, 61.1765%)
RGB Proportion 0.6863, 0.3255, 0.6118 rgb(0.6863, 0.3255, 0.6118)
CMYK 0, 52.57, 10.86, 31.37
HSL 312.4ยบ, 36.51, 50.59 hsl(312.4, 36.51%, 50.59%)
Websafe 996699 #996699
XYZ 26.776, 17.702, 33.462
Yxy 17.702, 0.344, 0.227
CIE-LAB 49.133, 47.028, -22.669
CIE-LCH 49.133, 52.206, 334.264
CIE-LUV 49.133, 47.843, -40.003
Hunter-Lab 42.074, 39.969, -17.703

Color Schemes For #AF539C


Colors that go well with #AF539C.

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

Alternatives to #AF539C


Colors similar to #AF539C.


#AF539C Preview


Common HTML and CSS shortcodes for #AF539C.

Text with color #AF539C


The quick brown fox jumps over the lazy dog.

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

#AF539C as background color


The quick brown fox jumps over the lazy dog.

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

Border with #AF539C


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #AF539C


Linear gradient from #AF539C to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #AF539C


Radial gradient from #AF539C to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #AF539C and its Complementary Color


Linear gradient from #AF539C to #50AC63.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #AF539C and its Complementary Color


Radial gradient from #AF539C to #50AC63.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors