#af12f5 hex color

In a RGB color space, hex #af12f5 is composed of 68.6% red, 7.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 92.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 281.5 degrees, a saturation of 91.9% and a lightness of 51.6%. #af12f5 color hex could be obtained by blending #ff24ff with #5f00eb. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 69
- G 7
- B 96
RGB color chart
- C 29
- M 93
- Y 0
- K 4
CMYK color chart

● #af12f5 color description : Vivid violet.

The hexadecimal color #af12f5 has RGB values of R:175, G:18, B:245 and CMYK values of C:0.29, M:0.93, Y:0, K:0.04. Its decimal value is 11473653.

Hex triplet	af12f5	`#af12f5`
RGB Decimal	175, 18, 245	`rgb(175,18,245)`
RGB Percent	68.6, 7.1, 96.1	`rgb(68.6%,7.1%,96.1%)`
CMYK	29, 93, 0, 4
HSL	281.5°, 91.9, 51.6	`hsl(281.5,91.9%,51.6%)`
HSV (or HSB)	281.5°, 92.7, 96.1
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.158, 84.003, -77.181
XYZ	34.375, 16.14, 87.686
xyY	0.249, 0.117, 16.14
CIE-LCH	47.158, 114.076, 317.423
CIE-LUV	47.158, 34.948, -122.059
Hunter-Lab	40.175, 82.423, -101.284
Binary	10101111, 00010010, 11110101

#af12f5
```
#af12f5 rgb(175,18,245)
```
#58f512
```
#58f512 rgb(88,245,18)
```

Complementary Color

#3e12f5
```
#3e12f5 rgb(62,18,245)
```
#af12f5
```
#af12f5 rgb(175,18,245)
```
#f512ca
```
#f512ca rgb(245,18,202)
```

Analogous Color

#12f53e
```
#12f53e rgb(18,245,62)
```
#af12f5
```
#af12f5 rgb(175,18,245)
```
#caf512
```
#caf512 rgb(202,245,18)
```

Split Complementary Color

#12f5af
```
#12f5af rgb(18,245,175)
```
#af12f5
```
#af12f5 rgb(175,18,245)
```
#f5af12
```
#f5af12 rgb(245,175,18)
```

Triadic Color

#1258f5
```
#1258f5 rgb(18,88,245)
```
#af12f5
```
#af12f5 rgb(175,18,245)
```
#f5af12
```
#f5af12 rgb(245,175,18)
```
#58f512
```
#58f512 rgb(88,245,18)
```

Tetradic Color

#7e08b3
```
#7e08b3 rgb(126,8,179)
```
#8f09cb
```
#8f09cb rgb(143,9,203)
```
#a10ae4
```
#a10ae4 rgb(161,10,228)
```
#af12f5
```
#af12f5 rgb(175,18,245)
```
#b72af6
```
#b72af6 rgb(183,42,246)
```
#c043f7
```
#c043f7 rgb(192,67,247)
```
#c85bf8
```
#c85bf8 rgb(200,91,248)
```

Monochromatic Color

Below, you can see some colors close to #af12f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#7612f5
```
#7612f5 rgb(118,18,245)
```
#8912f5
```
#8912f5 rgb(137,18,245)
```
#9c12f5
```
#9c12f5 rgb(156,18,245)
```
#af12f5
```
#af12f5 rgb(175,18,245)
```
#c212f5
```
#c212f5 rgb(194,18,245)
```
#d512f5
```
#d512f5 rgb(213,18,245)
```
#e812f5
```
#e812f5 rgb(232,18,245)
```

Similar Colors

Text with hexadecimal color #af12f5

This text has a font color of #af12f5.

<span style="color:#af12f5;">Text here</span>

#af12f5 background color

This paragraph has a background color of #af12f5.

<p style="background-color:#af12f5;">Content here</p>

#af12f5 border color

This element has a border color of #af12f5.

<div style="border:1px solid #af12f5;">Content here</div>

CSS codes

.text {color:#af12f5;}

.background {background-color:#af12f5;}

.border {border:1px solid #af12f5;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #050008 is the darkest color, while #fbf4ff is the lightest one.

#050008
```
#050008 rgb(5,0,8)
```
#13011a
```
#13011a rgb(19,1,26)
```
#20022d
```
#20022d rgb(32,2,45)
```
#2d0340
```
#2d0340 rgb(45,3,64)
```
#3a0453
```
#3a0453 rgb(58,4,83)
```
#480466
```
#480466 rgb(72,4,102)
```
#550579
```
#550579 rgb(85,5,121)
```
#62068b
```
#62068b rgb(98,6,139)
```
#70079e
```
#70079e rgb(112,7,158)
```
#7d07b1
```
#7d07b1 rgb(125,7,177)
```
#8a08c4
```
#8a08c4 rgb(138,8,196)
```
#9709d7
```
#9709d7 rgb(151,9,215)
```
#a50aea
```
#a50aea rgb(165,10,234)
```

Shade Color Variation

#af12f5
```
#af12f5 rgb(175,18,245)
```
#b525f6
```
#b525f6 rgb(181,37,246)
```
#bc38f7
```
#bc38f7 rgb(188,56,247)
```
#c24af7
```
#c24af7 rgb(194,74,247)
```
#c85df8
```
#c85df8 rgb(200,93,248)
```
#cf70f9
```
#cf70f9 rgb(207,112,249)
```
#d583fa
```
#d583fa rgb(213,131,250)
```
#db96fb
```
#db96fb rgb(219,150,251)
```
#e2a9fb
```
#e2a9fb rgb(226,169,251)
```
#e8bbfc
```
#e8bbfc rgb(232,187,252)
```
#efcefd
```
#efcefd rgb(239,206,253)
```
#f5e1fe
```
#f5e1fe rgb(245,225,254)
```
#fbf4ff
```
#fbf4ff rgb(251,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #877b8d is the less saturated color, while #b309ff is the most saturated one.

#877b8d
```
#877b8d rgb(135,123,141)
```
#8b7196
```
#8b7196 rgb(139,113,150)
```
#8e68a0
```
#8e68a0 rgb(142,104,160)
```
#925ea9
```
#925ea9 rgb(146,94,169)
```
#9655b3
```
#9655b3 rgb(150,85,179)
```
#994bbc
```
#994bbc rgb(153,75,188)
```
#9d42c6
```
#9d42c6 rgb(157,66,198)
```
#a038cf
```
#a038cf rgb(160,56,207)
```
#a42fd9
```
#a42fd9 rgb(164,47,217)
```
#a825e2
```
#a825e2 rgb(168,37,226)
```
#ab1cec
```
#ab1cec rgb(171,28,236)
```
#af12f5
```
#af12f5 rgb(175,18,245)
```
#b309ff
```
#b309ff rgb(179,9,255)
```

Tone Color Variation

Below, you can see how #af12f5 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5b5b5b Achromatopsia 0.005% of the population
#6c4c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#996a72 Tritanopia 0.001% of the population

Trichromacy

#3f50e8 Protanomaly 1% of men, 0.01% of women
#3f54d7 Deuteranomaly 6% of men, 0.4% of women
#a14aa1 Tritanomaly 0.01% of the population

#af12f5 hex color

#af12f5 Color Information

#af12f5 Color Conversion

Color Schemes with #af12f5

Alternatives to #af12f5

#af12f5 Preview

Shades and Tints of #af12f5

Tones of #af12f5

Color Blindness Simulator