#af06fd hex color

In a RGB color space, hex #af06fd is composed of 68.6% red, 2.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 97.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 281.1 degrees, a saturation of 98.4% and a lightness of 50.8%. #af06fd color hex could be obtained by blending #ff0cff with #5f00fb. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 69
- G 2
- B 99
RGB color chart
- C 31
- M 98
- Y 0
- K 1
CMYK color chart

● #af06fd color description : Vivid violet.

The hexadecimal color #af06fd has RGB values of R:175, G:6, B:253 and CMYK values of C:0.31, M:0.98, Y:0, K:0.01. Its decimal value is 11470589.

Hex triplet	af06fd	`#af06fd`
RGB Decimal	175, 6, 253	`rgb(175,6,253)`
RGB Percent	68.6, 2.4, 99.2	`rgb(68.6%,2.4%,99.2%)`
CMYK	31, 98, 0, 1
HSL	281.1°, 98.4, 50.8	`hsl(281.1,98.4%,50.8%)`
HSV (or HSB)	281.1°, 97.6, 99.2
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.414, 86.65, -81.244
XYZ	35.471, 16.337, 94.208
xyY	0.243, 0.112, 16.337
CIE-LCH	47.414, 118.78, 316.844
CIE-LUV	47.414, 33.352, -127.741
Hunter-Lab	40.419, 85.917, -109.898
Binary	10101111, 00000110, 11111101

#af06fd
```
#af06fd rgb(175,6,253)
```
#54fd06
```
#54fd06 rgb(84,253,6)
```

Complementary Color

#3406fd
```
#3406fd rgb(52,6,253)
```
#af06fd
```
#af06fd rgb(175,6,253)
```
#fd06d0
```
#fd06d0 rgb(253,6,208)
```

Analogous Color

#06fd34
```
#06fd34 rgb(6,253,52)
```
#af06fd
```
#af06fd rgb(175,6,253)
```
#d0fd06
```
#d0fd06 rgb(208,253,6)
```

Split Complementary Color

#06fdaf
```
#06fdaf rgb(6,253,175)
```
#af06fd
```
#af06fd rgb(175,6,253)
```
#fdaf06
```
#fdaf06 rgb(253,175,6)
```

Triadic Color

#0654fd
```
#0654fd rgb(6,84,253)
```
#af06fd
```
#af06fd rgb(175,6,253)
```
#fdaf06
```
#fdaf06 rgb(253,175,6)
```
#54fd06
```
#54fd06 rgb(84,253,6)
```

Tetradic Color

#7c01b5
```
#7c01b5 rgb(124,1,181)
```
#8e02ce
```
#8e02ce rgb(142,2,206)
```
#9f02e8
```
#9f02e8 rgb(159,2,232)
```
#af06fd
```
#af06fd rgb(175,6,253)
```
#b71ffd
```
#b71ffd rgb(183,31,253)
```
#bf39fd
```
#bf39fd rgb(191,57,253)
```
#c752fe
```
#c752fe rgb(199,82,254)
```

Monochromatic Color

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

#7106fd
```
#7106fd rgb(113,6,253)
```
#8606fd
```
#8606fd rgb(134,6,253)
```
#9a06fd
```
#9a06fd rgb(154,6,253)
```
#af06fd
```
#af06fd rgb(175,6,253)
```
#c406fd
```
#c406fd rgb(196,6,253)
```
#d806fd
```
#d806fd rgb(216,6,253)
```
#ed06fd
```
#ed06fd rgb(237,6,253)
```

Similar Colors

Text with hexadecimal color #af06fd

This text has a font color of #af06fd.

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

#af06fd background color

This paragraph has a background color of #af06fd.

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

#af06fd border color

This element has a border color of #af06fd.

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

CSS codes

.text {color:#af06fd;}

.background {background-color:#af06fd;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#100017
```
#100017 rgb(16,0,23)
```
#1d002b
```
#1d002b rgb(29,0,43)
```
#2b013e
```
#2b013e rgb(43,1,62)
```
#380152
```
#380152 rgb(56,1,82)
```
#460165
```
#460165 rgb(70,1,101)
```
#530179
```
#530179 rgb(83,1,121)
```
#60018c
```
#60018c rgb(96,1,140)
```
#6e01a0
```
#6e01a0 rgb(110,1,160)
```
#7b01b3
```
#7b01b3 rgb(123,1,179)
```
#8802c7
```
#8802c7 rgb(136,2,199)
```
#9602da
```
#9602da rgb(150,2,218)
```
#a302ed
```
#a302ed rgb(163,2,237)
```

Shade Color Variation

#af06fd
```
#af06fd rgb(175,6,253)
```
#b519fd
```
#b519fd rgb(181,25,253)
```
#bc2dfd
```
#bc2dfd rgb(188,45,253)
```
#c240fd
```
#c240fd rgb(194,64,253)
```
#c854fe
```
#c854fe rgb(200,84,254)
```
#ce67fe
```
#ce67fe rgb(206,103,254)
```
#d57bfe
```
#d57bfe rgb(213,123,254)
```
#db8efe
```
#db8efe rgb(219,142,254)
```
#e1a2fe
```
#e1a2fe rgb(225,162,254)
```
#e7b5fe
```
#e7b5fe rgb(231,181,254)
```
#eec9ff
```
#eec9ff rgb(238,201,255)
```
#f4dcff
```
#f4dcff rgb(244,220,255)
```
#faf0ff
```
#faf0ff rgb(250,240,255)
```

Tint Color Variation

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

#847a89
```
#847a89 rgb(132,122,137)
```
#887093
```
#887093 rgb(136,112,147)
```
#8b679c
```
#8b679c rgb(139,103,156)
```
#8f5da6
```
#8f5da6 rgb(143,93,166)
```
#9353b0
```
#9353b0 rgb(147,83,176)
```
#964ab9
```
#964ab9 rgb(150,74,185)
```
#9a40c3
```
#9a40c3 rgb(154,64,195)
```
#9d36cd
```
#9d36cd rgb(157,54,205)
```
#a12dd6
```
#a12dd6 rgb(161,45,214)
```
#a423e0
```
#a423e0 rgb(164,35,224)
```
#a819ea
```
#a819ea rgb(168,25,234)
```
#ab10f3
```
#ab10f3 rgb(171,16,243)
```
#af06fd
```
#af06fd rgb(175,6,253)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#674577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e2 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#966c74 Tritanopia 0.001% of the population

Trichromacy

#3f4cec Protanomaly 1% of men, 0.01% of women
#3f50da Deuteranomaly 6% of men, 0.4% of women
#9f47a5 Tritanomaly 0.01% of the population

#af06fd hex color

#af06fd Color Information

#af06fd Color Conversion

Color Schemes with #af06fd

Alternatives to #af06fd

#af06fd Preview

Shades and Tints of #af06fd

Tones of #af06fd

Color Blindness Simulator