#af1efd hex color

In a RGB color space, hex #af1efd is composed of 68.6% red, 11.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 88.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 279 degrees, a saturation of 98.2% and a lightness of 55.5%. #af1efd color hex could be obtained by blending #ff3cff with #5f00fb. Closest websafe color is: #9933ff.

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

● #af1efd color description : Vivid violet.

The hexadecimal color #af1efd has RGB values of R:175, G:30, B:253 and CMYK values of C:0.31, M:0.88, Y:0, K:0.01. Its decimal value is 11476733.

Hex triplet	af1efd	`#af1efd`
RGB Decimal	175, 30, 253	`rgb(175,30,253)`
RGB Percent	68.6, 11.8, 99.2	`rgb(68.6%,11.8%,99.2%)`
CMYK	31, 88, 0, 1
HSL	279°, 98.2, 55.5	`hsl(279,98.2%,55.5%)`
HSV (or HSB)	279°, 88.1, 99.2
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.43, 83.614, -79.581
XYZ	35.871, 17.135, 94.341
xyY	0.243, 0.116, 17.135
CIE-LCH	48.43, 115.431, 316.415
CIE-LUV	48.43, 32.295, -126.272
Hunter-Lab	41.395, 82.238, -106.149
Binary	10101111, 00011110, 11111101

#af1efd
```
#af1efd rgb(175,30,253)
```
#6cfd1e
```
#6cfd1e rgb(108,253,30)
```

Complementary Color

#401efd
```
#401efd rgb(64,30,253)
```
#af1efd
```
#af1efd rgb(175,30,253)
```
#fd1edc
```
#fd1edc rgb(253,30,220)
```

Analogous Color

#1efd40
```
#1efd40 rgb(30,253,64)
```
#af1efd
```
#af1efd rgb(175,30,253)
```
#dcfd1e
```
#dcfd1e rgb(220,253,30)
```

Split Complementary Color

#1efdaf
```
#1efdaf rgb(30,253,175)
```
#af1efd
```
#af1efd rgb(175,30,253)
```
#fdaf1e
```
#fdaf1e rgb(253,175,30)
```

Triadic Color

#1e6cfd
```
#1e6cfd rgb(30,108,253)
```
#af1efd
```
#af1efd rgb(175,30,253)
```
#fdaf1e
```
#fdaf1e rgb(253,175,30)
```
#6cfd1e
```
#6cfd1e rgb(108,253,30)
```

Tetradic Color

#8602cd
```
#8602cd rgb(134,2,205)
```
#9602e6
```
#9602e6 rgb(150,2,230)
```
#a605fd
```
#a605fd rgb(166,5,253)
```
#af1efd
```
#af1efd rgb(175,30,253)
```
#b837fd
```
#b837fd rgb(184,55,253)
```
#c151fd
```
#c151fd rgb(193,81,253)
```
#ca6afe
```
#ca6afe rgb(202,106,254)
```

Monochromatic Color

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

#771efd
```
#771efd rgb(119,30,253)
```
#8a1efd
```
#8a1efd rgb(138,30,253)
```
#9c1efd
```
#9c1efd rgb(156,30,253)
```
#af1efd
```
#af1efd rgb(175,30,253)
```
#c21efd
```
#c21efd rgb(194,30,253)
```
#d41efd
```
#d41efd rgb(212,30,253)
```
#e71efd
```
#e71efd rgb(231,30,253)
```

Similar Colors

Text with hexadecimal color #af1efd

This text has a font color of #af1efd.

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

#af1efd background color

This paragraph has a background color of #af1efd.

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

#af1efd border color

This element has a border color of #af1efd.

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

CSS codes

.text {color:#af1efd;}

.background {background-color:#af1efd;}

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

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

#050008
```
#050008 rgb(5,0,8)
```
#12001c
```
#12001c rgb(18,0,28)
```
#1f002f
```
#1f002f rgb(31,0,47)
```
#2c0143
```
#2c0143 rgb(44,1,67)
```
#380156
```
#380156 rgb(56,1,86)
```
#45016a
```
#45016a rgb(69,1,106)
```
#52017d
```
#52017d rgb(82,1,125)
```
#5e0190
```
#5e0190 rgb(94,1,144)
```
#6b01a4
```
#6b01a4 rgb(107,1,164)
```
#7802b7
```
#7802b7 rgb(120,2,183)
```
#8402cb
```
#8402cb rgb(132,2,203)
```
#9102de
```
#9102de rgb(145,2,222)
```
#9e02f2
```
#9e02f2 rgb(158,2,242)
```

Shade Color Variation

#a80bfd
```
#a80bfd rgb(168,11,253)
```
#af1efd
```
#af1efd rgb(175,30,253)
```
#b631fd
```
#b631fd rgb(182,49,253)
```
#bd45fd
```
#bd45fd rgb(189,69,253)
```
#c458fe
```
#c458fe rgb(196,88,254)
```
#cb6cfe
```
#cb6cfe rgb(203,108,254)
```
#d27ffe
```
#d27ffe rgb(210,127,254)
```
#d893fe
```
#d893fe rgb(216,147,254)
```
#dfa6fe
```
#dfa6fe rgb(223,166,254)
```
#e6bafe
```
#e6bafe rgb(230,186,254)
```
#edcdff
```
#edcdff rgb(237,205,255)
```
#f4e0ff
```
#f4e0ff rgb(244,224,255)
```
#fbf4ff
```
#fbf4ff rgb(251,244,255)
```

Tint Color Variation

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

#908794
```
#908794 rgb(144,135,148)
```
#927e9d
```
#927e9d rgb(146,126,157)
```
#9575a6
```
#9575a6 rgb(149,117,166)
```
#976dae
```
#976dae rgb(151,109,174)
```
#9a64b7
```
#9a64b7 rgb(154,100,183)
```
#9d5bc0
```
#9d5bc0 rgb(157,91,192)
```
#9f52c9
```
#9f52c9 rgb(159,82,201)
```
#a24ad1
```
#a24ad1 rgb(162,74,209)
```
#a541da
```
#a541da rgb(165,65,218)
```
#a738e3
```
#a738e3 rgb(167,56,227)
```
#aa2fec
```
#aa2fec rgb(170,47,236)
```
#ac27f4
```
#ac27f4 rgb(172,39,244)
```
#af1efd
```
#af1efd rgb(175,30,253)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#725582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#976f77 Tritanopia 0.001% of the population

Trichromacy

#3f56ee Protanomaly 1% of men, 0.01% of women
#3f5add Deuteranomaly 6% of men, 0.4% of women
#9f52a8 Tritanomaly 0.01% of the population

#af1efd hex color

#af1efd Color Information

#af1efd Color Conversion

Color Schemes with #af1efd

Alternatives to #af1efd

#af1efd Preview

Shades and Tints of #af1efd

Tones of #af1efd

Color Blindness Simulator