colorhexa.com

#af12e4 hex color

In a RGB color space, hex #af12e4 is composed of 68.6% red, 7.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 92.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 284.9 degrees, a saturation of 85.4% and a lightness of 48.2%. #af12e4 color hex could be obtained by blending #ff24ff with #5f00c9. Closest websafe color is: #9900cc.

- R 69
- G 7
- B 89
RGB color chart
- C 23
- M 92
- Y 0
- K 11
CMYK color chart

● #af12e4 color description : Vivid violet.

The hexadecimal color #af12e4 has RGB values of R:175, G:18, B:228 and CMYK values of C:0.23, M:0.92, Y:0, K:0.11. Its decimal value is 11473636.

Hex triplet	af12e4	`#af12e4`
RGB Decimal	175, 18, 228	`rgb(175,18,228)`
RGB Percent	68.6, 7.1, 89.4	`rgb(68.6%,7.1%,89.4%)`
CMYK	23, 92, 0, 11
HSL	284.9°, 85.4, 48.2	`hsl(284.9,85.4%,48.2%)`
HSV (or HSB)	284.9°, 92.1, 89.4
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.838, 80.92, -69.728
XYZ	31.897, 15.149, 74.638
xyY	0.262, 0.124, 15.149
CIE-LCH	45.838, 106.818, 319.249
CIE-LUV	45.838, 39.503, -110.885
Hunter-Lab	38.922, 78.17, -86.451
Binary	10101111, 00010010, 11100100

#af12e4
```
#af12e4 rgb(175,18,228)
```
#47e412
```
#47e412 rgb(71,228,18)
```

Complementary Color

#4612e4
```
#4612e4 rgb(70,18,228)
```
#af12e4
```
#af12e4 rgb(175,18,228)
```
#e412b0
```
#e412b0 rgb(228,18,176)
```

Analogous Color

#12e446
```
#12e446 rgb(18,228,70)
```
#af12e4
```
#af12e4 rgb(175,18,228)
```
#b0e412
```
#b0e412 rgb(176,228,18)
```

Split Complementary Color

#12e4af
```
#12e4af rgb(18,228,175)
```
#af12e4
```
#af12e4 rgb(175,18,228)
```
#e4af12
```
#e4af12 rgb(228,175,18)
```

Triadic Color

#1247e4
```
#1247e4 rgb(18,71,228)
```
#af12e4
```
#af12e4 rgb(175,18,228)
```
#e4af12
```
#e4af12 rgb(228,175,18)
```
#47e412
```
#47e412 rgb(71,228,18)
```

Tetradic Color

#790c9d
```
#790c9d rgb(121,12,157)
```
#8b0eb5
```
#8b0eb5 rgb(139,14,181)
```
#9d10cc
```
#9d10cc rgb(157,16,204)
```
#af12e4
```
#af12e4 rgb(175,18,228)
```
#ba22ee
```
#ba22ee rgb(186,34,238)
```
#c23aef
```
#c23aef rgb(194,58,239)
```
#c951f1
```
#c951f1 rgb(201,81,241)
```

Monochromatic Color

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

#7b12e4
```
#7b12e4 rgb(123,18,228)
```
#8c12e4
```
#8c12e4 rgb(140,18,228)
```
#9e12e4
```
#9e12e4 rgb(158,18,228)
```
#af12e4
```
#af12e4 rgb(175,18,228)
```
#c112e4
```
#c112e4 rgb(193,18,228)
```
#d212e4
```
#d212e4 rgb(210,18,228)
```
#e412e4
```
#e412e4 rgb(228,18,228)
```

Similar Colors

Text with hexadecimal color #af12e4

This text has a font color of #af12e4.

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

#af12e4 background color

This paragraph has a background color of #af12e4.

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

#af12e4 border color

This element has a border color of #af12e4.

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

CSS codes

.text {color:#af12e4;}

.background {background-color:#af12e4;}

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

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, #08010a is the darkest color, while #fcf7fe is the lightest one.

#08010a
```
#08010a rgb(8,1,10)
```
#16021c
```
#16021c rgb(22,2,28)
```
#23042e
```
#23042e rgb(35,4,46)
```
#310540
```
#310540 rgb(49,5,64)
```
#3f0753
```
#3f0753 rgb(63,7,83)
```
#4d0865
```
#4d0865 rgb(77,8,101)
```
#5b0977
```
#5b0977 rgb(91,9,119)
```
#690b89
```
#690b89 rgb(105,11,137)
```
#770c9b
```
#770c9b rgb(119,12,155)
```
#850ead
```
#850ead rgb(133,14,173)
```
#930fc0
```
#930fc0 rgb(147,15,192)
```
#a111d2
```
#a111d2 rgb(161,17,210)
```
#af12e4
```
#af12e4 rgb(175,18,228)
```

Shade Color Variation

#b81ced
```
#b81ced rgb(184,28,237)
```
#be2fef
```
#be2fef rgb(190,47,239)
```
#c441f0
```
#c441f0 rgb(196,65,240)
```
#c953f1
```
#c953f1 rgb(201,83,241)
```
#cf65f3
```
#cf65f3 rgb(207,101,243)
```
#d577f4
```
#d577f4 rgb(213,119,244)
```
#da8af6
```
#da8af6 rgb(218,138,246)
```
#e09cf7
```
#e09cf7 rgb(224,156,247)
```
#e6aef9
```
#e6aef9 rgb(230,174,249)
```
#ebc0fa
```
#ebc0fa rgb(235,192,250)
```
#f1d2fb
```
#f1d2fb rgb(241,210,251)
```
#f7e4fd
```
#f7e4fd rgb(247,228,253)
```
#fcf7fe
```
#fcf7fe rgb(252,247,254)
```

Tint Color Variation

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

#7b7a7c
```
#7b7a7c rgb(123,122,124)
```
#807185
```
#807185 rgb(128,113,133)
```
#85678f
```
#85678f rgb(133,103,143)
```
#8a5e98
```
#8a5e98 rgb(138,94,152)
```
#8e54a2
```
#8e54a2 rgb(142,84,162)
```
#934bab
```
#934bab rgb(147,75,171)
```
#9841b5
```
#9841b5 rgb(152,65,181)
```
#9c38be
```
#9c38be rgb(156,56,190)
```
#a12ec8
```
#a12ec8 rgb(161,46,200)
```
#a625d1
```
#a625d1 rgb(166,37,209)
```
#aa1bdb
```
#aa1bdb rgb(170,27,219)
```
#af12e4
```
#af12e4 rgb(175,18,228)
```
#b409ed
```
#b409ed rgb(180,9,237)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6a4b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#9d646a Tritanopia 0.001% of the population

Trichromacy

#3f4ede Protanomaly 1% of men, 0.01% of women
#3f51ce Deuteranomaly 6% of men, 0.4% of women
#a34696 Tritanomaly 0.01% of the population