#af71f8 hex color

In a RGB color space, hex #af71f8 is composed of 68.6% red, 44.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 54.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 267.6 degrees, a saturation of 90.6% and a lightness of 70.8%. #af71f8 color hex could be obtained by blending #ffe2ff with #5f00f1. 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

● #af71f8 color description : Soft violet.

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

Hex triplet	af71f8	`#af71f8`
RGB Decimal	175, 113, 248	`rgb(175,113,248)`
RGB Percent	68.6, 44.3, 97.3	`rgb(68.6%,44.3%,97.3%)`
CMYK	29, 54, 0, 3
HSL	267.6°, 90.6, 70.8	`hsl(267.6,90.6%,70.8%)`
HSV (or HSB)	267.6°, 54.4, 97.3
Web Safe	9966ff	`#9966ff`

CIE-LAB	59.618, 50.385, -58.71
XYZ	40.525, 27.702, 92.014
xyY	0.253, 0.173, 27.702
CIE-LCH	59.618, 77.366, 310.636
CIE-LUV	59.618, 18.275, -99.037
Hunter-Lab	52.633, 45.331, -66.81
Binary	10101111, 01110001, 11111000

#af71f8
```
#af71f8 rgb(175,113,248)
```
#baf871
```
#baf871 rgb(186,248,113)
```

Complementary Color

#7177f8
```
#7177f8 rgb(113,119,248)
```
#af71f8
```
#af71f8 rgb(175,113,248)
```
#f371f8
```
#f371f8 rgb(243,113,248)
```

Analogous Color

#77f871
```
#77f871 rgb(119,248,113)
```
#af71f8
```
#af71f8 rgb(175,113,248)
```
#f8f371
```
#f8f371 rgb(248,243,113)
```

Split Complementary Color

#71f8af
```
#71f8af rgb(113,248,175)
```
#af71f8
```
#af71f8 rgb(175,113,248)
```
#f8af71
```
#f8af71 rgb(248,175,113)
```

Triadic Color

#71baf8
```
#71baf8 rgb(113,186,248)
```
#af71f8
```
#af71f8 rgb(175,113,248)
```
#f8af71
```
#f8af71 rgb(248,175,113)
```
#baf871
```
#baf871 rgb(186,248,113)
```

Tetradic Color

#8628f4
```
#8628f4 rgb(134,40,244)
```
#9440f6
```
#9440f6 rgb(148,64,246)
```
#a159f7
```
#a159f7 rgb(161,89,247)
```
#af71f8
```
#af71f8 rgb(175,113,248)
```
#bd89f9
```
#bd89f9 rgb(189,137,249)
```
#caa2fa
```
#caa2fa rgb(202,162,250)
```
#d8bafc
```
#d8bafc rgb(216,186,252)
```

Monochromatic Color

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

#8d71f8
```
#8d71f8 rgb(141,113,248)
```
#9971f8
```
#9971f8 rgb(153,113,248)
```
#a471f8
```
#a471f8 rgb(164,113,248)
```
#af71f8
```
#af71f8 rgb(175,113,248)
```
#ba71f8
```
#ba71f8 rgb(186,113,248)
```
#c671f8
```
#c671f8 rgb(198,113,248)
```
#d171f8
```
#d171f8 rgb(209,113,248)
```

Similar Colors

Text with hexadecimal color #af71f8

This text has a font color of #af71f8.

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

#af71f8 background color

This paragraph has a background color of #af71f8.

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

#af71f8 border color

This element has a border color of #af71f8.

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

CSS codes

.text {color:#af71f8;}

.background {background-color:#af71f8;}

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

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

#040008
```
#040008 rgb(4,0,8)
```
#0d011a
```
#0d011a rgb(13,1,26)
```
#16022d
```
#16022d rgb(22,2,45)
```
#1f0340
```
#1f0340 rgb(31,3,64)
```
#280452
```
#280452 rgb(40,4,82)
```
#310565
```
#310565 rgb(49,5,101)
```
#3a0678
```
#3a0678 rgb(58,6,120)
```
#43078a
```
#43078a rgb(67,7,138)
```
#4c089d
```
#4c089d rgb(76,8,157)
```
#5509b0
```
#5509b0 rgb(85,9,176)
```
#5f0ac2
```
#5f0ac2 rgb(95,10,194)
```
#680bd5
```
#680bd5 rgb(104,11,213)
```
#710be8
```
#710be8 rgb(113,11,232)
```

Shade Color Variation

#7a14f3
```
#7a14f3 rgb(122,20,243)
```
#8526f4
```
#8526f4 rgb(133,38,244)
```
#8f39f5
```
#8f39f5 rgb(143,57,245)
```
#9a4cf6
```
#9a4cf6 rgb(154,76,246)
```
#a45ef7
```
#a45ef7 rgb(164,94,247)
```
#af71f8
```
#af71f8 rgb(175,113,248)
```
#ba84f9
```
#ba84f9 rgb(186,132,249)
```
#c496fa
```
#c496fa rgb(196,150,250)
```
#cfa9fb
```
#cfa9fb rgb(207,169,251)
```
#d9bcfc
```
#d9bcfc rgb(217,188,252)
```
#e4cefd
```
#e4cefd rgb(228,206,253)
```
#eee1fe
```
#eee1fe rgb(238,225,254)
```
#f9f4fe
```
#f9f4fe rgb(249,244,254)
```

Tint Color Variation

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

#b4b0b9
```
#b4b0b9 rgb(180,176,185)
```
#b4aabf
```
#b4aabf rgb(180,170,191)
```
#b3a5c4
```
#b3a5c4 rgb(179,165,196)
```
#b39fca
```
#b39fca rgb(179,159,202)
```
#b299d0
```
#b299d0 rgb(178,153,208)
```
#b293d6
```
#b293d6 rgb(178,147,214)
```
#b18edb
```
#b18edb rgb(177,142,219)
```
#b188e1
```
#b188e1 rgb(177,136,225)
```
#b082e7
```
#b082e7 rgb(176,130,231)
```
#b07ced
```
#b07ced rgb(176,124,237)
```
#af77f2
```
#af77f2 rgb(175,119,242)
```
#af71f8
```
#af71f8 rgb(175,113,248)
```
#af6bfe
```
#af6bfe rgb(175,107,254)
```

Tone Color Variation

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

#5a91ff Protanopia 1% of men
#5396ed Deuteranopia 1% of men
#9e919c Tritanopia 0.001% of the population

Trichromacy

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

#af71f8 hex color

#af71f8 Color Information

#af71f8 Color Conversion

Color Schemes with #af71f8

Alternatives to #af71f8

#af71f8 Preview

Shades and Tints of #af71f8

Tones of #af71f8

Color Blindness Simulator