#af1de0 hex color

In a RGB color space, hex #af1de0 is composed of 68.6% red, 11.4% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 87.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 284.9 degrees, a saturation of 77.1% and a lightness of 49.6%. #af1de0 color hex could be obtained by blending #ff3aff with #5f00c1. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 11
- B 88
RGB color chart
- C 22
- M 87
- Y 0
- K 12
CMYK color chart

● #af1de0 color description : Vivid violet.

The hexadecimal color #af1de0 has RGB values of R:175, G:29, B:224 and CMYK values of C:0.22, M:0.87, Y:0, K:0.12. Its decimal value is 11476448.

Hex triplet	af1de0	`#af1de0`
RGB Decimal	175, 29, 224	`rgb(175,29,224)`
RGB Percent	68.6, 11.4, 87.8	`rgb(68.6%,11.4%,87.8%)`
CMYK	22, 87, 0, 12
HSL	284.9°, 77.1, 49.6	`hsl(284.9,77.1%,49.6%)`
HSV (or HSB)	284.9°, 87.1, 87.8
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.145, 78.411, -66.953
XYZ	31.571, 15.376, 71.822
xyY	0.266, 0.129, 15.376
CIE-LCH	46.145, 103.106, 319.507
CIE-LUV	46.145, 39.914, -107.16
Hunter-Lab	39.212, 75.098, -81.149
Binary	10101111, 00011101, 11100000

#af1de0
```
#af1de0 rgb(175,29,224)
```
#4ee01d
```
#4ee01d rgb(78,224,29)
```

Complementary Color

#4d1de0
```
#4d1de0 rgb(77,29,224)
```
#af1de0
```
#af1de0 rgb(175,29,224)
```
#e01db0
```
#e01db0 rgb(224,29,176)
```

Analogous Color

#1de04d
```
#1de04d rgb(29,224,77)
```
#af1de0
```
#af1de0 rgb(175,29,224)
```
#b0e01d
```
#b0e01d rgb(176,224,29)
```

Split Complementary Color

#1de0af
```
#1de0af rgb(29,224,175)
```
#af1de0
```
#af1de0 rgb(175,29,224)
```
#e0af1d
```
#e0af1d rgb(224,175,29)
```

Triadic Color

#1d4ee0
```
#1d4ee0 rgb(29,78,224)
```
#af1de0
```
#af1de0 rgb(175,29,224)
```
#e0af1d
```
#e0af1d rgb(224,175,29)
```
#4ee01d
```
#4ee01d rgb(78,224,29)
```

Tetradic Color

#7a149c
```
#7a149c rgb(122,20,156)
```
#8c17b3
```
#8c17b3 rgb(140,23,179)
```
#9d1ac9
```
#9d1ac9 rgb(157,26,201)
```
#af1de0
```
#af1de0 rgb(175,29,224)
```
#b832e4
```
#b832e4 rgb(184,50,228)
```
#bf49e7
```
#bf49e7 rgb(191,73,231)
```
#c75fea
```
#c75fea rgb(199,95,234)
```

Monochromatic Color

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

#7e1de0
```
#7e1de0 rgb(126,29,224)
```
#8f1de0
```
#8f1de0 rgb(143,29,224)
```
#9f1de0
```
#9f1de0 rgb(159,29,224)
```
#af1de0
```
#af1de0 rgb(175,29,224)
```
#bf1de0
```
#bf1de0 rgb(191,29,224)
```
#d01de0
```
#d01de0 rgb(208,29,224)
```
#e01de0
```
#e01de0 rgb(224,29,224)
```

Similar Colors

Text with hexadecimal color #af1de0

This text has a font color of #af1de0.

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

#af1de0 background color

This paragraph has a background color of #af1de0.

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

#af1de0 border color

This element has a border color of #af1de0.

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

CSS codes

.text {color:#af1de0;}

.background {background-color:#af1de0;}

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

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

#0c0210
```
#0c0210 rgb(12,2,16)
```
#1a0421
```
#1a0421 rgb(26,4,33)
```
#270732
```
#270732 rgb(39,7,50)
```
#350944
```
#350944 rgb(53,9,68)
```
#420b55
```
#420b55 rgb(66,11,85)
```
#500d66
```
#500d66 rgb(80,13,102)
```
#5e1078
```
#5e1078 rgb(94,16,120)
```
#6b1289
```
#6b1289 rgb(107,18,137)
```
#79149b
```
#79149b rgb(121,20,155)
```
#8616ac
```
#8616ac rgb(134,22,172)
```
#9419bd
```
#9419bd rgb(148,25,189)
```
#a11bcf
```
#a11bcf rgb(161,27,207)
```
#af1de0
```
#af1de0 rgb(175,29,224)
```

Shade Color Variation

#b62de4
```
#b62de4 rgb(182,45,228)
```
#bc3ee6
```
#bc3ee6 rgb(188,62,230)
```
#c250e8
```
#c250e8 rgb(194,80,232)
```
#c861eb
```
#c861eb rgb(200,97,235)
```
#ce72ed
```
#ce72ed rgb(206,114,237)
```
#d484ef
```
#d484ef rgb(212,132,239)
```
#da95f1
```
#da95f1 rgb(218,149,241)
```
#e0a6f4
```
#e0a6f4 rgb(224,166,244)
```
#e6b8f6
```
#e6b8f6 rgb(230,184,246)
```
#ecc9f8
```
#ecc9f8 rgb(236,201,248)
```
#f2dafa
```
#f2dafa rgb(242,218,250)
```
#f8ecfd
```
#f8ecfd rgb(248,236,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#7f7e7f
```
#7f7e7f rgb(127,126,127)
```
#837588
```
#837588 rgb(131,117,136)
```
#886b92
```
#886b92 rgb(136,107,146)
```
#8d619c
```
#8d619c rgb(141,97,156)
```
#9257a6
```
#9257a6 rgb(146,87,166)
```
#974eaf
```
#974eaf rgb(151,78,175)
```
#9c44b9
```
#9c44b9 rgb(156,68,185)
```
#a03ac3
```
#a03ac3 rgb(160,58,195)
```
#a530cd
```
#a530cd rgb(165,48,205)
```
#aa27d6
```
#aa27d6 rgb(170,39,214)
```
#af1de0
```
#af1de0 rgb(175,29,224)
```
#b413ea
```
#b413ea rgb(180,19,234)
```
#b90af3
```
#b90af3 rgb(185,10,243)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#6f5279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#9e646b Tritanopia 0.001% of the population

Trichromacy

#3f52de Protanomaly 1% of men, 0.01% of women
#3f56ce Deuteranomaly 6% of men, 0.4% of women
#a44a95 Tritanomaly 0.01% of the population

#af1de0 hex color

#af1de0 Color Information

#af1de0 Color Conversion

Color Schemes with #af1de0

Alternatives to #af1de0

#af1de0 Preview

Shades and Tints of #af1de0

Tones of #af1de0

Color Blindness Simulator