#af1afd hex color

In a RGB color space, hex #af1afd is composed of 68.6% red, 10.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 89.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 279.4 degrees, a saturation of 98.3% and a lightness of 54.7%. #af1afd color hex could be obtained by blending #ff34ff with #5f00fb. Closest websafe color is: #9933ff.

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

● #af1afd color description : Vivid violet.

The hexadecimal color #af1afd has RGB values of R:175, G:26, B:253 and CMYK values of C:0.31, M:0.9, Y:0, K:0.01. Its decimal value is 11475709.

Hex triplet	af1afd	`#af1afd`
RGB Decimal	175, 26, 253	`rgb(175,26,253)`
RGB Percent	68.6, 10.2, 99.2	`rgb(68.6%,10.2%,99.2%)`
CMYK	31, 90, 0, 1
HSL	279.4°, 98.3, 54.7	`hsl(279.4,98.3%,54.7%)`
HSV (or HSB)	279.4°, 89.7, 99.2
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.191, 84.324, -79.971
XYZ	35.776, 16.946, 94.309
xyY	0.243, 0.115, 16.946
CIE-LCH	48.191, 116.215, 316.517
CIE-LUV	48.191, 32.548, -126.628
Hunter-Lab	41.165, 83.092, -107.018
Binary	10101111, 00011010, 11111101

#af1afd
```
#af1afd rgb(175,26,253)
```
#68fd1a
```
#68fd1a rgb(104,253,26)
```

Complementary Color

#3d1afd
```
#3d1afd rgb(61,26,253)
```
#af1afd
```
#af1afd rgb(175,26,253)
```
#fd1ada
```
#fd1ada rgb(253,26,218)
```

Analogous Color

#1afd3d
```
#1afd3d rgb(26,253,61)
```
#af1afd
```
#af1afd rgb(175,26,253)
```
#dafd1a
```
#dafd1a rgb(218,253,26)
```

Split Complementary Color

#1afdaf
```
#1afdaf rgb(26,253,175)
```
#af1afd
```
#af1afd rgb(175,26,253)
```
#fdaf1a
```
#fdaf1a rgb(253,175,26)
```

Triadic Color

#1a68fd
```
#1a68fd rgb(26,104,253)
```
#af1afd
```
#af1afd rgb(175,26,253)
```
#fdaf1a
```
#fdaf1a rgb(253,175,26)
```
#68fd1a
```
#68fd1a rgb(104,253,26)
```

Tetradic Color

#8402c9
```
#8402c9 rgb(132,2,201)
```
#9502e2
```
#9502e2 rgb(149,2,226)
```
#a602fb
```
#a602fb rgb(166,2,251)
```
#af1afd
```
#af1afd rgb(175,26,253)
```
#b833fd
```
#b833fd rgb(184,51,253)
```
#c14dfd
```
#c14dfd rgb(193,77,253)
```
#c966fe
```
#c966fe rgb(201,102,254)
```

Monochromatic Color

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

#761afd
```
#761afd rgb(118,26,253)
```
#891afd
```
#891afd rgb(137,26,253)
```
#9c1afd
```
#9c1afd rgb(156,26,253)
```
#af1afd
```
#af1afd rgb(175,26,253)
```
#c21afd
```
#c21afd rgb(194,26,253)
```
#d51afd
```
#d51afd rgb(213,26,253)
```
#e81afd
```
#e81afd rgb(232,26,253)
```

Similar Colors

Text with hexadecimal color #af1afd

This text has a font color of #af1afd.

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

#af1afd background color

This paragraph has a background color of #af1afd.

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

#af1afd border color

This element has a border color of #af1afd.

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

CSS codes

.text {color:#af1afd;}

.background {background-color:#af1afd;}

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

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)
```
#100018
```
#100018 rgb(16,0,24)
```
#1d002b
```
#1d002b rgb(29,0,43)
```
#29013f
```
#29013f rgb(41,1,63)
```
#360152
```
#360152 rgb(54,1,82)
```
#430166
```
#430166 rgb(67,1,102)
```
#500179
```
#500179 rgb(80,1,121)
```
#5d018c
```
#5d018c rgb(93,1,140)
```
#6901a0
```
#6901a0 rgb(105,1,160)
```
#7602b3
```
#7602b3 rgb(118,2,179)
```
#8302c7
```
#8302c7 rgb(131,2,199)
```
#9002da
```
#9002da rgb(144,2,218)
```
#9d02ee
```
#9d02ee rgb(157,2,238)
```

Shade Color Variation

#a807fd
```
#a807fd rgb(168,7,253)
```
#af1afd
```
#af1afd rgb(175,26,253)
```
#b62dfd
```
#b62dfd rgb(182,45,253)
```
#bd41fd
```
#bd41fd rgb(189,65,253)
```
#c354fe
```
#c354fe rgb(195,84,254)
```
#ca68fe
```
#ca68fe rgb(202,104,254)
```
#d17bfe
```
#d17bfe rgb(209,123,254)
```
#d88ffe
```
#d88ffe rgb(216,143,254)
```
#dfa2fe
```
#dfa2fe rgb(223,162,254)
```
#e5b6fe
```
#e5b6fe rgb(229,182,254)
```
#ecc9ff
```
#ecc9ff rgb(236,201,255)
```
#f3dcff
```
#f3dcff rgb(243,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, #8e8592 is the less saturated color, while #af1afd is the most saturated one.

#8e8592
```
#8e8592 rgb(142,133,146)
```
#907c9b
```
#907c9b rgb(144,124,155)
```
#9373a4
```
#9373a4 rgb(147,115,164)
```
#966aad
```
#966aad rgb(150,106,173)
```
#9961b6
```
#9961b6 rgb(153,97,182)
```
#9c58bf
```
#9c58bf rgb(156,88,191)
```
#9e4fc8
```
#9e4fc8 rgb(158,79,200)
```
#a146d1
```
#a146d1 rgb(161,70,209)
```
#a43ed9
```
#a43ed9 rgb(164,62,217)
```
#a735e2
```
#a735e2 rgb(167,53,226)
```
#a92ceb
```
#a92ceb rgb(169,44,235)
```
#ac23f4
```
#ac23f4 rgb(172,35,244)
```
#af1afd
```
#af1afd rgb(175,26,253)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#70527f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e5 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#966f76 Tritanopia 0.001% of the population

Trichromacy

#3f54ee Protanomaly 1% of men, 0.01% of women
#3f58dc Deuteranomaly 6% of men, 0.4% of women
#9f50a7 Tritanomaly 0.01% of the population

#af1afd hex color

#af1afd Color Information

#af1afd Color Conversion

Color Schemes with #af1afd

Alternatives to #af1afd

#af1afd Preview

Shades and Tints of #af1afd

Tones of #af1afd

Color Blindness Simulator