#af1df7 hex color

In a RGB color space, hex #af1df7 is composed of 68.6% red, 11.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 88.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 280.2 degrees, a saturation of 93.2% and a lightness of 54.1%. #af1df7 color hex could be obtained by blending #ff3aff with #5f00ef. Closest websafe color is: #9933ff.

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

● #af1df7 color description : Vivid violet.

The hexadecimal color #af1df7 has RGB values of R:175, G:29, B:247 and CMYK values of C:0.29, M:0.88, Y:0, K:0.03. Its decimal value is 11476471.

Hex triplet	af1df7	`#af1df7`
RGB Decimal	175, 29, 247	`rgb(175,29,247)`
RGB Percent	68.6, 11.4, 96.9	`rgb(68.6%,11.4%,96.9%)`
CMYK	29, 88, 0, 3
HSL	280.2°, 93.2, 54.1	`hsl(280.2,93.2%,54.1%)`
HSV (or HSB)	280.2°, 88.3, 96.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	47.891, 82.663, -77.105
XYZ	34.905, 16.709, 89.377
xyY	0.248, 0.119, 16.709
CIE-LCH	47.891, 113.042, 316.992
CIE-LUV	47.891, 33.825, -122.481
Hunter-Lab	40.877, 80.887, -101.024
Binary	10101111, 00011101, 11110111

#af1df7
```
#af1df7 rgb(175,29,247)
```
#65f71d
```
#65f71d rgb(101,247,29)
```

Complementary Color

#421df7
```
#421df7 rgb(66,29,247)
```
#af1df7
```
#af1df7 rgb(175,29,247)
```
#f71dd2
```
#f71dd2 rgb(247,29,210)
```

Analogous Color

#1df742
```
#1df742 rgb(29,247,66)
```
#af1df7
```
#af1df7 rgb(175,29,247)
```
#d2f71d
```
#d2f71d rgb(210,247,29)
```

Split Complementary Color

#1df7af
```
#1df7af rgb(29,247,175)
```
#af1df7
```
#af1df7 rgb(175,29,247)
```
#f7af1d
```
#f7af1d rgb(247,175,29)
```

Triadic Color

#1d65f7
```
#1d65f7 rgb(29,101,247)
```
#af1df7
```
#af1df7 rgb(175,29,247)
```
#f7af1d
```
#f7af1d rgb(247,175,29)
```
#65f71d
```
#65f71d rgb(101,247,29)
```

Tetradic Color

#8307c1
```
#8307c1 rgb(131,7,193)
```
#9408d9
```
#9408d9 rgb(148,8,217)
```
#a509f2
```
#a509f2 rgb(165,9,242)
```
#af1df7
```
#af1df7 rgb(175,29,247)
```
#b836f8
```
#b836f8 rgb(184,54,248)
```
#c04ef9
```
#c04ef9 rgb(192,78,249)
```
#c967fa
```
#c967fa rgb(201,103,250)
```

Monochromatic Color

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

#791df7
```
#791df7 rgb(121,29,247)
```
#8b1df7
```
#8b1df7 rgb(139,29,247)
```
#9d1df7
```
#9d1df7 rgb(157,29,247)
```
#af1df7
```
#af1df7 rgb(175,29,247)
```
#c11df7
```
#c11df7 rgb(193,29,247)
```
#d31df7
```
#d31df7 rgb(211,29,247)
```
#e61df7
```
#e61df7 rgb(230,29,247)
```

Similar Colors

Text with hexadecimal color #af1df7

This text has a font color of #af1df7.

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

#af1df7 background color

This paragraph has a background color of #af1df7.

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

#af1df7 border color

This element has a border color of #af1df7.

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

CSS codes

.text {color:#af1df7;}

.background {background-color:#af1df7;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e0114
```
#0e0114 rgb(14,1,20)
```
#1b0127
```
#1b0127 rgb(27,1,39)
```
#28023a
```
#28023a rgb(40,2,58)
```
#35034d
```
#35034d rgb(53,3,77)
```
#410360
```
#410360 rgb(65,3,96)
```
#4e0473
```
#4e0473 rgb(78,4,115)
```
#5b0586
```
#5b0586 rgb(91,5,134)
```
#680599
```
#680599 rgb(104,5,153)
```
#7506ac
```
#7506ac rgb(117,6,172)
```
#8207bf
```
#8207bf rgb(130,7,191)
```
#8f07d2
```
#8f07d2 rgb(143,7,210)
```
#9c08e5
```
#9c08e5 rgb(156,8,229)
```

Shade Color Variation

#a80af6
```
#a80af6 rgb(168,10,246)
```
#af1df7
```
#af1df7 rgb(175,29,247)
```
#b630f8
```
#b630f8 rgb(182,48,248)
```
#bc43f8
```
#bc43f8 rgb(188,67,248)
```
#c356f9
```
#c356f9 rgb(195,86,249)
```
#ca69fa
```
#ca69fa rgb(202,105,250)
```
#d17cfa
```
#d17cfa rgb(209,124,250)
```
#d78ffb
```
#d78ffb rgb(215,143,251)
```
#dea2fc
```
#dea2fc rgb(222,162,252)
```
#e5b5fc
```
#e5b5fc rgb(229,181,252)
```
#ebc8fd
```
#ebc8fd rgb(235,200,253)
```
#f2dafe
```
#f2dafe rgb(242,218,254)
```
#f9edfe
```
#f9edfe rgb(249,237,254)
```

Tint Color Variation

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

#8a898b
```
#8a898b rgb(138,137,139)
```
#8d8094
```
#8d8094 rgb(141,128,148)
```
#90779d
```
#90779d rgb(144,119,157)
```
#946ea6
```
#946ea6 rgb(148,110,166)
```
#9765af
```
#9765af rgb(151,101,175)
```
#9a5cb8
```
#9a5cb8 rgb(154,92,184)
```
#9d53c1
```
#9d53c1 rgb(157,83,193)
```
#a04aca
```
#a04aca rgb(160,74,202)
```
#a341d3
```
#a341d3 rgb(163,65,211)
```
#a638dc
```
#a638dc rgb(166,56,220)
```
#a92fe5
```
#a92fe5 rgb(169,47,229)
```
#ac26ee
```
#ac26ee rgb(172,38,238)
```
#af1df7
```
#af1df7 rgb(175,29,247)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#715480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#007bc9 Deuteranopia 1% of men
#986d74 Tritanopia 0.001% of the population

Trichromacy

#3f55eb Protanomaly 1% of men, 0.01% of women
#3f59da Deuteranomaly 6% of men, 0.4% of women
#a050a4 Tritanomaly 0.01% of the population

#af1df7 hex color

#af1df7 Color Information

#af1df7 Color Conversion

Color Schemes with #af1df7

Alternatives to #af1df7

#af1df7 Preview

Shades and Tints of #af1df7

Tones of #af1df7

Color Blindness Simulator