#af05e2 hex color

In a RGB color space, hex #af05e2 is composed of 68.6% red, 2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 97.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 286.2 degrees, a saturation of 95.7% and a lightness of 45.3%. #af05e2 color hex could be obtained by blending #ff0aff with #5f00c5. Closest websafe color is: #9900cc.

♥
- f
- t
- g
- R 69
- G 2
- B 89
RGB color chart
- C 23
- M 98
- Y 0
- K 11
CMYK color chart

● #af05e2 color description : Vivid magenta.

The hexadecimal color #af05e2 has RGB values of R:175, G:5, B:226 and CMYK values of C:0.23, M:0.98, Y:0, K:0.11. Its decimal value is 11470306.

Hex triplet	af05e2	`#af05e2`
RGB Decimal	175, 5, 226	`rgb(175,5,226)`
RGB Percent	68.6, 2, 88.6	`rgb(68.6%,2%,88.6%)`
CMYK	23, 98, 0, 11
HSL	286.2°, 95.7, 45.3	`hsl(286.2,95.7%,45.3%)`
HSV (or HSB)	286.2°, 97.8, 88.6
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.241, 81.895, -69.562
XYZ	31.459, 14.715, 73.13
xyY	0.264, 0.123, 14.715
CIE-LCH	45.241, 107.45, 319.655
CIE-LUV	45.241, 40.584, -110.277
Hunter-Lab	38.36, 79.26, -86.18
Binary	10101111, 00000101, 11100010

#af05e2
```
#af05e2 rgb(175,5,226)
```
#38e205
```
#38e205 rgb(56,226,5)
```

Complementary Color

#4005e2
```
#4005e2 rgb(64,5,226)
```
#af05e2
```
#af05e2 rgb(175,5,226)
```
#e205a7
```
#e205a7 rgb(226,5,167)
```

Analogous Color

#05e240
```
#05e240 rgb(5,226,64)
```
#af05e2
```
#af05e2 rgb(175,5,226)
```
#a7e205
```
#a7e205 rgb(167,226,5)
```

Split Complementary Color

#05e2af
```
#05e2af rgb(5,226,175)
```
#af05e2
```
#af05e2 rgb(175,5,226)
```
#e2af05
```
#e2af05 rgb(226,175,5)
```

Triadic Color

#0538e2
```
#0538e2 rgb(5,56,226)
```
#af05e2
```
#af05e2 rgb(175,5,226)
```
#e2af05
```
#e2af05 rgb(226,175,5)
```
#38e205
```
#38e205 rgb(56,226,5)
```

Tetradic Color

#750397
```
#750397 rgb(117,3,151)
```
#8804b0
```
#8804b0 rgb(136,4,176)
```
#9c04c9
```
#9c04c9 rgb(156,4,201)
```
#af05e2
```
#af05e2 rgb(175,5,226)
```
#c207fa
```
#c207fa rgb(194,7,250)
```
#c820fa
```
#c820fa rgb(200,32,250)
```
#ce39fb
```
#ce39fb rgb(206,57,251)
```

Monochromatic Color

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

#7805e2
```
#7805e2 rgb(120,5,226)
```
#8a05e2
```
#8a05e2 rgb(138,5,226)
```
#9d05e2
```
#9d05e2 rgb(157,5,226)
```
#af05e2
```
#af05e2 rgb(175,5,226)
```
#c105e2
```
#c105e2 rgb(193,5,226)
```
#d405e2
```
#d405e2 rgb(212,5,226)
```
#e205de
```
#e205de rgb(226,5,222)
```

Similar Colors

Text with hexadecimal color #af05e2

This text has a font color of #af05e2.

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

#af05e2 background color

This paragraph has a background color of #af05e2.

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

#af05e2 border color

This element has a border color of #af05e2.

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

CSS codes

.text {color:#af05e2;}

.background {background-color:#af05e2;}

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

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, #0c000f is the darkest color, while #fefbff is the lightest one.

#0c000f
```
#0c000f rgb(12,0,15)
```
#1a0122
```
#1a0122 rgb(26,1,34)
```
#290135
```
#290135 rgb(41,1,53)
```
#380248
```
#380248 rgb(56,2,72)
```
#47025c
```
#47025c rgb(71,2,92)
```
#56026f
```
#56026f rgb(86,2,111)
```
#650382
```
#650382 rgb(101,3,130)
```
#740395
```
#740395 rgb(116,3,149)
```
#8204a8
```
#8204a8 rgb(130,4,168)
```
#9104bc
```
#9104bc rgb(145,4,188)
```
#a005cf
```
#a005cf rgb(160,5,207)
```
#af05e2
```
#af05e2 rgb(175,5,226)
```
#be05f5
```
#be05f5 rgb(190,5,245)
```

Shade Color Variation

#c514fa
```
#c514fa rgb(197,20,250)
```
#ca28fa
```
#ca28fa rgb(202,40,250)
```
#ce3bfb
```
#ce3bfb rgb(206,59,251)
```
#d34efb
```
#d34efb rgb(211,78,251)
```
#d861fc
```
#d861fc rgb(216,97,252)
```
#dd74fc
```
#dd74fc rgb(221,116,252)
```
#e188fc
```
#e188fc rgb(225,136,252)
```
#e69bfd
```
#e69bfd rgb(230,155,253)
```
#ebaefd
```
#ebaefd rgb(235,174,253)
```
#f0c1fe
```
#f0c1fe rgb(240,193,254)
```
#f4d4fe
```
#f4d4fe rgb(244,212,254)
```
#f9e8fe
```
#f9e8fe rgb(249,232,254)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#767077
```
#767077 rgb(118,112,119)
```
#7a6780
```
#7a6780 rgb(122,103,128)
```
#7f5e89
```
#7f5e89 rgb(127,94,137)
```
#845592
```
#845592 rgb(132,85,146)
```
#894c9b
```
#894c9b rgb(137,76,155)
```
#8e43a4
```
#8e43a4 rgb(142,67,164)
```
#923aad
```
#923aad rgb(146,58,173)
```
#9731b6
```
#9731b6 rgb(151,49,182)
```
#9c29be
```
#9c29be rgb(156,41,190)
```
#a120c7
```
#a120c7 rgb(161,32,199)
```
#a517d0
```
#a517d0 rgb(165,23,208)
```
#aa0ed9
```
#aa0ed9 rgb(170,14,217)
```
#af05e2
```
#af05e2 rgb(175,5,226)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#64426e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075c0 Deuteranopia 1% of men
#9d6168 Tritanopia 0.001% of the population

Trichromacy

#3f48dc Protanomaly 1% of men, 0.01% of women
#3f4ccc Deuteranomaly 6% of men, 0.4% of women
#a34094 Tritanomaly 0.01% of the population

#af05e2 hex color

#af05e2 Color Information

#af05e2 Color Conversion

Color Schemes with #af05e2

Alternatives to #af05e2

#af05e2 Preview

Shades and Tints of #af05e2

Tones of #af05e2

Color Blindness Simulator