#af01f0 hex color

In a RGB color space, hex #af01f0 is composed of 68.6% red, 0.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 99.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 283.7 degrees, a saturation of 99.2% and a lightness of 47.3%. #af01f0 color hex could be obtained by blending #ff02ff with #5f00e1. Closest websafe color is: #9900ff.

♥
- f
- t
- g
- R 69
- G 0
- B 94
RGB color chart
- C 27
- M 100
- Y 0
- K 6
CMYK color chart

● #af01f0 color description : Vivid violet.

The hexadecimal color #af01f0 has RGB values of R:175, G:1, B:240 and CMYK values of C:0.27, M:1, Y:0, K:0.06. Its decimal value is 11469296.

Hex triplet	af01f0	`#af01f0`
RGB Decimal	175, 1, 240	`rgb(175,1,240)`
RGB Percent	68.6, 0.4, 94.1	`rgb(68.6%,0.4%,94.1%)`
CMYK	27, 100, 0, 6
HSL	283.7°, 99.2, 47.3	`hsl(283.7,99.2%,47.3%)`
HSV (or HSB)	283.7°, 99.6, 94.1
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.215, 84.724, -75.908
XYZ	33.416, 15.428, 83.651
xyY	0.252, 0.116, 15.428
CIE-LCH	46.215, 113.755, 318.142
CIE-LUV	46.215, 36.832, -119.638
Hunter-Lab	39.279, 83.121, -98.774
Binary	10101111, 00000001, 11110000

#af01f0
```
#af01f0 rgb(175,1,240)
```
#42f001
```
#42f001 rgb(66,240,1)
```

Complementary Color

#3801f0
```
#3801f0 rgb(56,1,240)
```
#af01f0
```
#af01f0 rgb(175,1,240)
```
#f001ba
```
#f001ba rgb(240,1,186)
```

Analogous Color

#01f038
```
#01f038 rgb(1,240,56)
```
#af01f0
```
#af01f0 rgb(175,1,240)
```
#baf001
```
#baf001 rgb(186,240,1)
```

Split Complementary Color

#01f0af
```
#01f0af rgb(1,240,175)
```
#af01f0
```
#af01f0 rgb(175,1,240)
```
#f0af01
```
#f0af01 rgb(240,175,1)
```

Triadic Color

#0142f0
```
#0142f0 rgb(1,66,240)
```
#af01f0
```
#af01f0 rgb(175,1,240)
```
#f0af01
```
#f0af01 rgb(240,175,1)
```
#42f001
```
#42f001 rgb(66,240,1)
```

Tetradic Color

#7701a4
```
#7701a4 rgb(119,1,164)
```
#8a01bd
```
#8a01bd rgb(138,1,189)
```
#9c01d7
```
#9c01d7 rgb(156,1,215)
```
#af01f0
```
#af01f0 rgb(175,1,240)
```
#bc0dfe
```
#bc0dfe rgb(188,13,254)
```
#c326fe
```
#c326fe rgb(195,38,254)
```
#ca3ffe
```
#ca3ffe rgb(202,63,254)
```

Monochromatic Color

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

#7301f0
```
#7301f0 rgb(115,1,240)
```
#8701f0
```
#8701f0 rgb(135,1,240)
```
#9b01f0
```
#9b01f0 rgb(155,1,240)
```
#af01f0
```
#af01f0 rgb(175,1,240)
```
#c301f0
```
#c301f0 rgb(195,1,240)
```
#d701f0
```
#d701f0 rgb(215,1,240)
```
#eb01f0
```
#eb01f0 rgb(235,1,240)
```

Similar Colors

Text with hexadecimal color #af01f0

This text has a font color of #af01f0.

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

#af01f0 background color

This paragraph has a background color of #af01f0.

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

#af01f0 border color

This element has a border color of #af01f0.

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

CSS codes

.text {color:#af01f0;}

.background {background-color:#af01f0;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#120019
```
#120019 rgb(18,0,25)
```
#21002d
```
#21002d rgb(33,0,45)
```
#2f0040
```
#2f0040 rgb(47,0,64)
```
#3d0054
```
#3d0054 rgb(61,0,84)
```
#4b0067
```
#4b0067 rgb(75,0,103)
```
#5a017b
```
#5a017b rgb(90,1,123)
```
#68018e
```
#68018e rgb(104,1,142)
```
#7601a2
```
#7601a2 rgb(118,1,162)
```
#8401b5
```
#8401b5 rgb(132,1,181)
```
#9301c9
```
#9301c9 rgb(147,1,201)
```
#a101dc
```
#a101dc rgb(161,1,220)
```
#af01f0
```
#af01f0 rgb(175,1,240)
```

Shade Color Variation

#bb07fe
```
#bb07fe rgb(187,7,254)
```
#c01afe
```
#c01afe rgb(192,26,254)
```
#c52efe
```
#c52efe rgb(197,46,254)
```
#cb41fe
```
#cb41fe rgb(203,65,254)
```
#d055fe
```
#d055fe rgb(208,85,254)
```
#d668fe
```
#d668fe rgb(214,104,254)
```
#db7cfe
```
#db7cfe rgb(219,124,254)
```
#e08fff
```
#e08fff rgb(224,143,255)
```
#e6a3ff
```
#e6a3ff rgb(230,163,255)
```
#ebb6ff
```
#ebb6ff rgb(235,182,255)
```
#f0caff
```
#f0caff rgb(240,202,255)
```
#f6deff
```
#f6deff rgb(246,222,255)
```
#fbf1ff
```
#fbf1ff rgb(251,241,255)
```

Tint Color Variation

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

#7c7081
```
#7c7081 rgb(124,112,129)
```
#80678a
```
#80678a rgb(128,103,138)
```
#855e93
```
#855e93 rgb(133,94,147)
```
#89549d
```
#89549d rgb(137,84,157)
```
#8d4ba6
```
#8d4ba6 rgb(141,75,166)
```
#9142af
```
#9142af rgb(145,66,175)
```
#9639b8
```
#9639b8 rgb(150,57,184)
```
#9a2fc2
```
#9a2fc2 rgb(154,47,194)
```
#9e26cb
```
#9e26cb rgb(158,38,203)
```
#a21dd4
```
#a21dd4 rgb(162,29,212)
```
#a714dd
```
#a714dd rgb(167,20,221)
```
#ab0ae7
```
#ab0ae7 rgb(171,10,231)
```
#af01f0
```
#af01f0 rgb(175,1,240)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#634070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c3 Deuteranopia 1% of men
#9a666d Tritanopia 0.001% of the population

Trichromacy

#3f48e3 Protanomaly 1% of men, 0.01% of women
#3f4cd3 Deuteranomaly 6% of men, 0.4% of women
#a1419d Tritanomaly 0.01% of the population

#af01f0 hex color

#af01f0 Color Information

#af01f0 Color Conversion

Color Schemes with #af01f0

Alternatives to #af01f0

#af01f0 Preview

Shades and Tints of #af01f0

Tones of #af01f0

Color Blindness Simulator