#af71f7 hex color

In a RGB color space, hex #af71f7 is composed of 68.6% red, 44.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 54.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 267.8 degrees, a saturation of 89.3% and a lightness of 70.6%. #af71f7 color hex could be obtained by blending #ffe2ff with #5f00ef. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 44
- B 97
RGB color chart
- C 29
- M 54
- Y 0
- K 3
CMYK color chart

● #af71f7 color description : Soft violet.

The hexadecimal color #af71f7 has RGB values of R:175, G:113, B:247 and CMYK values of C:0.29, M:0.54, Y:0, K:0.03. Its decimal value is 11497975.

Hex triplet	af71f7	`#af71f7`
RGB Decimal	175, 113, 247	`rgb(175,113,247)`
RGB Percent	68.6, 44.3, 96.9	`rgb(68.6%,44.3%,96.9%)`
CMYK	29, 54, 0, 3
HSL	267.8°, 89.3, 70.6	`hsl(267.8,89.3%,70.6%)`
HSV (or HSB)	267.8°, 54.3, 96.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	59.562, 50.148, -58.247
XYZ	40.37, 27.64, 91.199
xyY	0.254, 0.174, 27.64
CIE-LCH	59.562, 76.861, 310.727
CIE-LUV	59.562, 18.43, -98.259
Hunter-Lab	52.574, 45.062, -66.048
Binary	10101111, 01110001, 11110111

#af71f7
```
#af71f7 rgb(175,113,247)
```
#b9f771
```
#b9f771 rgb(185,247,113)
```

Complementary Color

#7176f7
```
#7176f7 rgb(113,118,247)
```
#af71f7
```
#af71f7 rgb(175,113,247)
```
#f271f7
```
#f271f7 rgb(242,113,247)
```

Analogous Color

#76f771
```
#76f771 rgb(118,247,113)
```
#af71f7
```
#af71f7 rgb(175,113,247)
```
#f7f271
```
#f7f271 rgb(247,242,113)
```

Split Complementary Color

#71f7af
```
#71f7af rgb(113,247,175)
```
#af71f7
```
#af71f7 rgb(175,113,247)
```
#f7af71
```
#f7af71 rgb(247,175,113)
```

Triadic Color

#71b9f7
```
#71b9f7 rgb(113,185,247)
```
#af71f7
```
#af71f7 rgb(175,113,247)
```
#f7af71
```
#f7af71 rgb(247,175,113)
```
#b9f771
```
#b9f771 rgb(185,247,113)
```

Tetradic Color

#8629f3
```
#8629f3 rgb(134,41,243)
```
#9441f4
```
#9441f4 rgb(148,65,244)
```
#a159f6
```
#a159f6 rgb(161,89,246)
```
#af71f7
```
#af71f7 rgb(175,113,247)
```
#bd89f8
```
#bd89f8 rgb(189,137,248)
```
#caa1fa
```
#caa1fa rgb(202,161,250)
```
#d8b9fb
```
#d8b9fb rgb(216,185,251)
```

Monochromatic Color

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

#8e71f7
```
#8e71f7 rgb(142,113,247)
```
#9971f7
```
#9971f7 rgb(153,113,247)
```
#a471f7
```
#a471f7 rgb(164,113,247)
```
#af71f7
```
#af71f7 rgb(175,113,247)
```
#ba71f7
```
#ba71f7 rgb(186,113,247)
```
#c571f7
```
#c571f7 rgb(197,113,247)
```
#d171f7
```
#d171f7 rgb(209,113,247)
```

Similar Colors

Text with hexadecimal color #af71f7

This text has a font color of #af71f7.

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

#af71f7 background color

This paragraph has a background color of #af71f7.

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

#af71f7 border color

This element has a border color of #af71f7.

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

CSS codes

.text {color:#af71f7;}

.background {background-color:#af71f7;}

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

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

#030007
```
#030007 rgb(3,0,7)
```
#0c0119
```
#0c0119 rgb(12,1,25)
```
#16022c
```
#16022c rgb(22,2,44)
```
#1f043e
```
#1f043e rgb(31,4,62)
```
#280551
```
#280551 rgb(40,5,81)
```
#310663
```
#310663 rgb(49,6,99)
```
#3a0776
```
#3a0776 rgb(58,7,118)
```
#430889
```
#430889 rgb(67,8,137)
```
#4c099b
```
#4c099b rgb(76,9,155)
```
#560aae
```
#560aae rgb(86,10,174)
```
#5f0bc0
```
#5f0bc0 rgb(95,11,192)
```
#680cd3
```
#680cd3 rgb(104,12,211)
```
#710de5
```
#710de5 rgb(113,13,229)
```

Shade Color Variation

#7b14f2
```
#7b14f2 rgb(123,20,242)
```
#8527f3
```
#8527f3 rgb(133,39,243)
```
#9039f4
```
#9039f4 rgb(144,57,244)
```
#9a4cf5
```
#9a4cf5 rgb(154,76,245)
```
#a55ef6
```
#a55ef6 rgb(165,94,246)
```
#af71f7
```
#af71f7 rgb(175,113,247)
```
#b984f8
```
#b984f8 rgb(185,132,248)
```
#c496f9
```
#c496f9 rgb(196,150,249)
```
#cea9fa
```
#cea9fa rgb(206,169,250)
```
#d9bbfb
```
#d9bbfb rgb(217,187,251)
```
#e3cefc
```
#e3cefc rgb(227,206,252)
```
#eee0fd
```
#eee0fd rgb(238,224,253)
```
#f8f3fe
```
#f8f3fe rgb(248,243,254)
```

Tint Color Variation

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

#b4b0b8
```
#b4b0b8 rgb(180,176,184)
```
#b3abbd
```
#b3abbd rgb(179,171,189)
```
#b3a5c3
```
#b3a5c3 rgb(179,165,195)
```
#b29fc9
```
#b29fc9 rgb(178,159,201)
```
#b299cf
```
#b299cf rgb(178,153,207)
```
#b294d4
```
#b294d4 rgb(178,148,212)
```
#b18eda
```
#b18eda rgb(177,142,218)
```
#b188e0
```
#b188e0 rgb(177,136,224)
```
#b082e6
```
#b082e6 rgb(176,130,230)
```
#b07deb
```
#b07deb rgb(176,125,235)
```
#af77f1
```
#af77f1 rgb(175,119,241)
```
#af71f7
```
#af71f7 rgb(175,113,247)
```
#af6bfd
```
#af6bfd rgb(175,107,253)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#998ca7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5991ff Protanopia 1% of men
#5496ec Deuteranopia 1% of men
#9e919b Tritanopia 0.001% of the population

Trichromacy

#7885fc Protanomaly 1% of men, 0.01% of women
#7588f0 Deuteranomaly 6% of men, 0.4% of women
#a485bd Tritanomaly 0.01% of the population

#af71f7 hex color

#af71f7 Color Information

#af71f7 Color Conversion

Color Schemes with #af71f7

Alternatives to #af71f7

#af71f7 Preview

Shades and Tints of #af71f7

Tones of #af71f7

Color Blindness Simulator