#af1df5 hex color

In a RGB color space, hex #af1df5 is composed of 68.6% red, 11.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 88.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 280.6 degrees, a saturation of 91.5% and a lightness of 53.7%. #af1df5 color hex could be obtained by blending #ff3aff with #5f00eb. Closest websafe color is: #9933ff.

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

● #af1df5 color description : Vivid violet.

The hexadecimal color #af1df5 has RGB values of R:175, G:29, B:245 and CMYK values of C:0.29, M:0.88, Y:0, K:0.04. Its decimal value is 11476469.

Hex triplet	af1df5	`#af1df5`
RGB Decimal	175, 29, 245	`rgb(175,29,245)`
RGB Percent	68.6, 11.4, 96.1	`rgb(68.6%,11.4%,96.1%)`
CMYK	29, 88, 0, 4
HSL	280.6°, 91.5, 53.7	`hsl(280.6,91.5%,53.7%)`
HSV (or HSB)	280.6°, 88.2, 96.1
Web Safe	9933ff	`#9933ff`

CIE-LAB	47.734, 82.286, -76.24
XYZ	34.598, 16.586, 87.76
xyY	0.249, 0.119, 16.586
CIE-LCH	47.734, 112.176, 317.184
CIE-LUV	47.734, 34.323, -121.176
Hunter-Lab	40.726, 80.368, -99.254
Binary	10101111, 00011101, 11110101

#af1df5
```
#af1df5 rgb(175,29,245)
```
#63f51d
```
#63f51d rgb(99,245,29)
```

Complementary Color

#431df5
```
#431df5 rgb(67,29,245)
```
#af1df5
```
#af1df5 rgb(175,29,245)
```
#f51dcf
```
#f51dcf rgb(245,29,207)
```

Analogous Color

#1df543
```
#1df543 rgb(29,245,67)
```
#af1df5
```
#af1df5 rgb(175,29,245)
```
#cff51d
```
#cff51d rgb(207,245,29)
```

Split Complementary Color

#1df5af
```
#1df5af rgb(29,245,175)
```
#af1df5
```
#af1df5 rgb(175,29,245)
```
#f5af1d
```
#f5af1d rgb(245,175,29)
```

Triadic Color

#1d63f5
```
#1d63f5 rgb(29,99,245)
```
#af1df5
```
#af1df5 rgb(175,29,245)
```
#f5af1d
```
#f5af1d rgb(245,175,29)
```
#63f51d
```
#63f51d rgb(99,245,29)
```

Tetradic Color

#8308bd
```
#8308bd rgb(131,8,189)
```
#9309d6
```
#9309d6 rgb(147,9,214)
```
#a40bee
```
#a40bee rgb(164,11,238)
```
#af1df5
```
#af1df5 rgb(175,29,245)
```
#b835f6
```
#b835f6 rgb(184,53,246)
```
#c04ef7
```
#c04ef7 rgb(192,78,247)
```
#c966f8
```
#c966f8 rgb(201,102,248)
```

Monochromatic Color

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

#791df5
```
#791df5 rgb(121,29,245)
```
#8b1df5
```
#8b1df5 rgb(139,29,245)
```
#9d1df5
```
#9d1df5 rgb(157,29,245)
```
#af1df5
```
#af1df5 rgb(175,29,245)
```
#c11df5
```
#c11df5 rgb(193,29,245)
```
#d31df5
```
#d31df5 rgb(211,29,245)
```
#e51df5
```
#e51df5 rgb(229,29,245)
```

Similar Colors

Text with hexadecimal color #af1df5

This text has a font color of #af1df5.

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

#af1df5 background color

This paragraph has a background color of #af1df5.

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

#af1df5 border color

This element has a border color of #af1df5.

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

CSS codes

.text {color:#af1df5;}

.background {background-color:#af1df5;}

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

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

#0d0112
```
#0d0112 rgb(13,1,18)
```
#1a0225
```
#1a0225 rgb(26,2,37)
```
#260238
```
#260238 rgb(38,2,56)
```
#33034b
```
#33034b rgb(51,3,75)
```
#40045d
```
#40045d rgb(64,4,93)
```
#4d0570
```
#4d0570 rgb(77,5,112)
```
#5a0683
```
#5a0683 rgb(90,6,131)
```
#670796
```
#670796 rgb(103,7,150)
```
#7407a8
```
#7407a8 rgb(116,7,168)
```
#8108bb
```
#8108bb rgb(129,8,187)
```
#8e09ce
```
#8e09ce rgb(142,9,206)
```
#9b0ae1
```
#9b0ae1 rgb(155,10,225)
```
#a80bf4
```
#a80bf4 rgb(168,11,244)
```

Shade Color Variation

#af1df5
```
#af1df5 rgb(175,29,245)
```
#b630f6
```
#b630f6 rgb(182,48,246)
```
#bc43f7
```
#bc43f7 rgb(188,67,247)
```
#c355f7
```
#c355f7 rgb(195,85,247)
```
#ca68f8
```
#ca68f8 rgb(202,104,248)
```
#d07bf9
```
#d07bf9 rgb(208,123,249)
```
#d78efa
```
#d78efa rgb(215,142,250)
```
#dea0fb
```
#dea0fb rgb(222,160,251)
```
#e4b3fc
```
#e4b3fc rgb(228,179,252)
```
#ebc6fc
```
#ebc6fc rgb(235,198,252)
```
#f1d9fd
```
#f1d9fd rgb(241,217,253)
```
#f8ecfe
```
#f8ecfe rgb(248,236,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8c8191
```
#8c8191 rgb(140,129,145)
```
#8f789a
```
#8f789a rgb(143,120,154)
```
#926fa3
```
#926fa3 rgb(146,111,163)
```
#9566ac
```
#9566ac rgb(149,102,172)
```
#995db5
```
#995db5 rgb(153,93,181)
```
#9c53bf
```
#9c53bf rgb(156,83,191)
```
#9f4ac8
```
#9f4ac8 rgb(159,74,200)
```
#a241d1
```
#a241d1 rgb(162,65,209)
```
#a538da
```
#a538da rgb(165,56,218)
```
#a92fe3
```
#a92fe3 rgb(169,47,227)
```
#ac26ec
```
#ac26ec rgb(172,38,236)
```
#af1df5
```
#af1df5 rgb(175,29,245)
```
#b214fe
```
#b214fe rgb(178,20,254)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#71537f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e3 Protanopia 1% of men
#007bc9 Deuteranopia 1% of men
#996c74 Tritanopia 0.001% of the population

Trichromacy

#3f55ea Protanomaly 1% of men, 0.01% of women
#3f58d9 Deuteranomaly 6% of men, 0.4% of women
#a14fa2 Tritanomaly 0.01% of the population

#af1df5 hex color

#af1df5 Color Information

#af1df5 Color Conversion

Color Schemes with #af1df5

Alternatives to #af1df5

#af1df5 Preview

Shades and Tints of #af1df5

Tones of #af1df5

Color Blindness Simulator