#af12f0 hex color

In a RGB color space, hex #af12f0 is composed of 68.6% red, 7.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 92.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 282.4 degrees, a saturation of 88.1% and a lightness of 50.6%. #af12f0 color hex could be obtained by blending #ff24ff with #5f00e1. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 69
- G 7
- B 94
RGB color chart
- C 27
- M 93
- Y 0
- K 6
CMYK color chart

● #af12f0 color description : Vivid violet.

The hexadecimal color #af12f0 has RGB values of R:175, G:18, B:240 and CMYK values of C:0.27, M:0.93, Y:0, K:0.06. Its decimal value is 11473648.

Hex triplet	af12f0	`#af12f0`
RGB Decimal	175, 18, 240	`rgb(175,18,240)`
RGB Percent	68.6, 7.1, 94.1	`rgb(68.6%,7.1%,94.1%)`
CMYK	27, 93, 0, 6
HSL	282.4°, 88.1, 50.6	`hsl(282.4,88.1%,50.6%)`
HSV (or HSB)	282.4°, 92.5, 94.1
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.763, 83.086, -75.014
XYZ	33.622, 15.839, 83.719
xyY	0.252, 0.119, 15.839
CIE-LCH	46.763, 111.939, 317.923
CIE-LUV	46.763, 36.242, -118.811
Hunter-Lab	39.798, 81.15, -96.864
Binary	10101111, 00010010, 11110000

#af12f0
```
#af12f0 rgb(175,18,240)
```
#53f012
```
#53f012 rgb(83,240,18)
```

Complementary Color

#4012f0
```
#4012f0 rgb(64,18,240)
```
#af12f0
```
#af12f0 rgb(175,18,240)
```
#f012c2
```
#f012c2 rgb(240,18,194)
```

Analogous Color

#12f040
```
#12f040 rgb(18,240,64)
```
#af12f0
```
#af12f0 rgb(175,18,240)
```
#c2f012
```
#c2f012 rgb(194,240,18)
```

Split Complementary Color

#12f0af
```
#12f0af rgb(18,240,175)
```
#af12f0
```
#af12f0 rgb(175,18,240)
```
#f0af12
```
#f0af12 rgb(240,175,18)
```

Triadic Color

#1253f0
```
#1253f0 rgb(18,83,240)
```
#af12f0
```
#af12f0 rgb(175,18,240)
```
#f0af12
```
#f0af12 rgb(240,175,18)
```
#53f012
```
#53f012 rgb(83,240,18)
```

Tetradic Color

#7c0bab
```
#7c0bab rgb(124,11,171)
```
#8d0cc3
```
#8d0cc3 rgb(141,12,195)
```
#9f0edb
```
#9f0edb rgb(159,14,219)
```
#af12f0
```
#af12f0 rgb(175,18,240)
```
#b72af2
```
#b72af2 rgb(183,42,242)
```
#bf42f3
```
#bf42f3 rgb(191,66,243)
```
#c75af5
```
#c75af5 rgb(199,90,245)
```

Monochromatic Color

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

#7812f0
```
#7812f0 rgb(120,18,240)
```
#8a12f0
```
#8a12f0 rgb(138,18,240)
```
#9d12f0
```
#9d12f0 rgb(157,18,240)
```
#af12f0
```
#af12f0 rgb(175,18,240)
```
#c212f0
```
#c212f0 rgb(194,18,240)
```
#d412f0
```
#d412f0 rgb(212,18,240)
```
#e712f0
```
#e712f0 rgb(231,18,240)
```

Similar Colors

Text with hexadecimal color #af12f0

This text has a font color of #af12f0.

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

#af12f0 background color

This paragraph has a background color of #af12f0.

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

#af12f0 border color

This element has a border color of #af12f0.

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

CSS codes

.text {color:#af12f0;}

.background {background-color:#af12f0;}

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

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, #020003 is the darkest color, while #faeffe is the lightest one.

#020003
```
#020003 rgb(2,0,3)
```
#0f0115
```
#0f0115 rgb(15,1,21)
```
#1d0328
```
#1d0328 rgb(29,3,40)
```
#2a043a
```
#2a043a rgb(42,4,58)
```
#38054d
```
#38054d rgb(56,5,77)
```
#45065f
```
#45065f rgb(69,6,95)
```
#520772
```
#520772 rgb(82,7,114)
```
#600884
```
#600884 rgb(96,8,132)
```
#6d0a96
```
#6d0a96 rgb(109,10,150)
```
#7b0ba9
```
#7b0ba9 rgb(123,11,169)
```
#880cbb
```
#880cbb rgb(136,12,187)
```
#950dce
```
#950dce rgb(149,13,206)
```
#a30ee0
```
#a30ee0 rgb(163,14,224)
```

Shade Color Variation

#af12f0
```
#af12f0 rgb(175,18,240)
```
#b524f1
```
#b524f1 rgb(181,36,241)
```
#bb37f2
```
#bb37f2 rgb(187,55,242)
```
#c249f4
```
#c249f4 rgb(194,73,244)
```
#c85cf5
```
#c85cf5 rgb(200,92,245)
```
#ce6ef6
```
#ce6ef6 rgb(206,110,246)
```
#d481f7
```
#d481f7 rgb(212,129,247)
```
#db93f8
```
#db93f8 rgb(219,147,248)
```
#e1a6f9
```
#e1a6f9 rgb(225,166,249)
```
#e7b8fb
```
#e7b8fb rgb(231,184,251)
```
#edcafc
```
#edcafc rgb(237,202,252)
```
#f3ddfd
```
#f3ddfd rgb(243,221,253)
```
#faeffe
```
#faeffe rgb(250,239,254)
```

Tint Color Variation

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

#837d85
```
#837d85 rgb(131,125,133)
```
#87738f
```
#87738f rgb(135,115,143)
```
#8b6999
```
#8b6999 rgb(139,105,153)
```
#8f60a2
```
#8f60a2 rgb(143,96,162)
```
#9356ac
```
#9356ac rgb(147,86,172)
```
#974cb6
```
#974cb6 rgb(151,76,182)
```
#9b42c0
```
#9b42c0 rgb(155,66,192)
```
#9f39c9
```
#9f39c9 rgb(159,57,201)
```
#a32fd3
```
#a32fd3 rgb(163,47,211)
```
#a725dd
```
#a725dd rgb(167,37,221)
```
#ab1ce6
```
#ab1ce6 rgb(171,28,230)
```
#af12f0
```
#af12f0 rgb(175,18,240)
```
#b308fa
```
#b308fa rgb(179,8,250)
```

Tone Color Variation

Below, you can see how #af12f0 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

#5a5a5a Achromatopsia 0.005% of the population
#6b4c78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#9a686f Tritanopia 0.001% of the population

Trichromacy

#3f4fe5 Protanomaly 1% of men, 0.01% of women
#3f53d5 Deuteranomaly 6% of men, 0.4% of women
#a1499e Tritanomaly 0.01% of the population

#af12f0 hex color

#af12f0 Color Information

#af12f0 Color Conversion

Color Schemes with #af12f0

Alternatives to #af12f0

#af12f0 Preview

Shades and Tints of #af12f0

Tones of #af12f0

Color Blindness Simulator