#af06f6 hex color

In a RGB color space, hex #af06f6 is composed of 68.6% red, 2.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 97.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 282.3 degrees, a saturation of 95.2% and a lightness of 49.4%. #af06f6 color hex could be obtained by blending #ff0cff with #5f00ed. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 69
- G 2
- B 96
RGB color chart
- C 29
- M 98
- Y 0
- K 4
CMYK color chart

● #af06f6 color description : Vivid violet.

The hexadecimal color #af06f6 has RGB values of R:175, G:6, B:246 and CMYK values of C:0.29, M:0.98, Y:0, K:0.04. Its decimal value is 11470582.

Hex triplet	af06f6	`#af06f6`
RGB Decimal	175, 6, 246	`rgb(175,6,246)`
RGB Percent	68.6, 2.4, 96.5	`rgb(68.6%,2.4%,96.5%)`
CMYK	29, 98, 0, 4
HSL	282.3°, 95.2, 49.4	`hsl(282.3,95.2%,49.4%)`
HSV (or HSB)	282.3°, 97.6, 96.5
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.842, 85.372, -78.259
XYZ	34.377, 15.899, 88.442
xyY	0.248, 0.115, 15.899
CIE-LCH	46.842, 115.814, 317.489
CIE-LUV	46.842, 35.111, -123.286
Hunter-Lab	39.874, 84.113, -103.596
Binary	10101111, 00000110, 11110110

#af06f6
```
#af06f6 rgb(175,6,246)
```
#4df606
```
#4df606 rgb(77,246,6)
```

Complementary Color

#3706f6
```
#3706f6 rgb(55,6,246)
```
#af06f6
```
#af06f6 rgb(175,6,246)
```
#f606c5
```
#f606c5 rgb(246,6,197)
```

Analogous Color

#06f637
```
#06f637 rgb(6,246,55)
```
#af06f6
```
#af06f6 rgb(175,6,246)
```
#c5f606
```
#c5f606 rgb(197,246,6)
```

Split Complementary Color

#06f6af
```
#06f6af rgb(6,246,175)
```
#af06f6
```
#af06f6 rgb(175,6,246)
```
#f6af06
```
#f6af06 rgb(246,175,6)
```

Triadic Color

#064df6
```
#064df6 rgb(6,77,246)
```
#af06f6
```
#af06f6 rgb(175,6,246)
```
#f6af06
```
#f6af06 rgb(246,175,6)
```
#4df606
```
#4df606 rgb(77,246,6)
```

Tetradic Color

#7a04ab
```
#7a04ab rgb(122,4,171)
```
#8c05c4
```
#8c05c4 rgb(140,5,196)
```
#9d05dd
```
#9d05dd rgb(157,5,221)
```
#af06f6
```
#af06f6 rgb(175,6,246)
```
#b81cf9
```
#b81cf9 rgb(184,28,249)
```
#c035fa
```
#c035fa rgb(192,53,250)
```
#c84efb
```
#c84efb rgb(200,78,251)
```

Monochromatic Color

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

#7306f6
```
#7306f6 rgb(115,6,246)
```
#8706f6
```
#8706f6 rgb(135,6,246)
```
#9b06f6
```
#9b06f6 rgb(155,6,246)
```
#af06f6
```
#af06f6 rgb(175,6,246)
```
#c306f6
```
#c306f6 rgb(195,6,246)
```
#d706f6
```
#d706f6 rgb(215,6,246)
```
#eb06f6
```
#eb06f6 rgb(235,6,246)
```

Similar Colors

Text with hexadecimal color #af06f6

This text has a font color of #af06f6.

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

#af06f6 background color

This paragraph has a background color of #af06f6.

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

#af06f6 border color

This element has a border color of #af06f6.

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

CSS codes

.text {color:#af06f6;}

.background {background-color:#af06f6;}

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

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

#0c0010
```
#0c0010 rgb(12,0,16)
```
#190123
```
#190123 rgb(25,1,35)
```
#270137
```
#270137 rgb(39,1,55)
```
#34024a
```
#34024a rgb(52,2,74)
```
#42025d
```
#42025d rgb(66,2,93)
```
#500370
```
#500370 rgb(80,3,112)
```
#5d0383
```
#5d0383 rgb(93,3,131)
```
#6b0496
```
#6b0496 rgb(107,4,150)
```
#7904a9
```
#7904a9 rgb(121,4,169)
```
#8605bd
```
#8605bd rgb(134,5,189)
```
#9405d0
```
#9405d0 rgb(148,5,208)
```
#a106e3
```
#a106e3 rgb(161,6,227)
```
#af06f6
```
#af06f6 rgb(175,6,246)
```

Shade Color Variation

#b616f9
```
#b616f9 rgb(182,22,249)
```
#bc29fa
```
#bc29fa rgb(188,41,250)
```
#c23dfa
```
#c23dfa rgb(194,61,250)
```
#c850fb
```
#c850fb rgb(200,80,251)
```
#ce63fb
```
#ce63fb rgb(206,99,251)
```
#d476fc
```
#d476fc rgb(212,118,252)
```
#da89fc
```
#da89fc rgb(218,137,252)
```
#e09cfd
```
#e09cfd rgb(224,156,253)
```
#e6affd
```
#e6affd rgb(230,175,253)
```
#ecc3fe
```
#ecc3fe rgb(236,195,254)
```
#f2d6fe
```
#f2d6fe rgb(242,214,254)
```
#f8e9fe
```
#f8e9fe rgb(248,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#807a82
```
#807a82 rgb(128,122,130)
```
#83718b
```
#83718b rgb(131,113,139)
```
#876795
```
#876795 rgb(135,103,149)
```
#8b5d9f
```
#8b5d9f rgb(139,93,159)
```
#8f54a8
```
#8f54a8 rgb(143,84,168)
```
#934ab2
```
#934ab2 rgb(147,74,178)
```
#9740bc
```
#9740bc rgb(151,64,188)
```
#9b36c6
```
#9b36c6 rgb(155,54,198)
```
#9f2dcf
```
#9f2dcf rgb(159,45,207)
```
#a323d9
```
#a323d9 rgb(163,35,217)
```
#a719e3
```
#a719e3 rgb(167,25,227)
```
#ab10ec
```
#ab10ec rgb(171,16,236)
```
#af06f6
```
#af06f6 rgb(175,6,246)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#664474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073df Protanopia 1% of men
#0079c5 Deuteranopia 1% of men
#986971 Tritanopia 0.001% of the population

Trichromacy

#3f4be7 Protanomaly 1% of men, 0.01% of women
#3f4fd7 Deuteranomaly 6% of men, 0.4% of women
#a045a1 Tritanomaly 0.01% of the population

#af06f6 hex color

#af06f6 Color Information

#af06f6 Color Conversion

Color Schemes with #af06f6

Alternatives to #af06f6

#af06f6 Preview

Shades and Tints of #af06f6

Tones of #af06f6

Color Blindness Simulator