#af00f7 hex color

In a RGB color space, hex #af00f7 is composed of 68.6% red, 0% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 100% magenta, 0% yellow and 3.1% black. It has a hue angle of 282.5 degrees, a saturation of 100% and a lightness of 48.4%. #af00f7 color hex could be obtained by blending #ff00ff with #5f00ef. Closest websafe color is: #9900ff.

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

● #af00f7 color description : Pure (or mostly pure) violet.

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

Hex triplet	af00f7	`#af00f7`
RGB Decimal	175, 0, 247	`rgb(175,0,247)`
RGB Percent	68.6, 0, 96.9	`rgb(68.6%,0%,96.9%)`
CMYK	29, 100, 0, 3
HSL	282.5°, 100, 48.4	`hsl(282.5,100%,48.4%)`
HSV (or HSB)	282.5°, 100, 96.9
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.751, 86.069, -78.969
XYZ	34.465, 15.83, 89.231
xyY	0.247, 0.113, 15.83
CIE-LCH	46.751, 116.807, 317.463
CIE-LUV	46.751, 35.033, -124.171
Hunter-Lab	39.787, 84.995, -105.117
Binary	10101111, 00000000, 11110111

#af00f7
```
#af00f7 rgb(175,0,247)
```
#48f700
```
#48f700 rgb(72,247,0)
```

Complementary Color

#3400f7
```
#3400f7 rgb(52,0,247)
```
#af00f7
```
#af00f7 rgb(175,0,247)
```
#f700c4
```
#f700c4 rgb(247,0,196)
```

Analogous Color

#00f734
```
#00f734 rgb(0,247,52)
```
#af00f7
```
#af00f7 rgb(175,0,247)
```
#c4f700
```
#c4f700 rgb(196,247,0)
```

Split Complementary Color

#00f7af
```
#00f7af rgb(0,247,175)
```
#af00f7
```
#af00f7 rgb(175,0,247)
```
#f7af00
```
#f7af00 rgb(247,175,0)
```

Triadic Color

#0048f7
```
#0048f7 rgb(0,72,247)
```
#af00f7
```
#af00f7 rgb(175,0,247)
```
#f7af00
```
#f7af00 rgb(247,175,0)
```
#48f700
```
#48f700 rgb(72,247,0)
```

Tetradic Color

#7900ab
```
#7900ab rgb(121,0,171)
```
#8b00c4
```
#8b00c4 rgb(139,0,196)
```
#9d00de
```
#9d00de rgb(157,0,222)
```
#af00f7
```
#af00f7 rgb(175,0,247)
```
#ba12ff
```
#ba12ff rgb(186,18,255)
```
#c12bff
```
#c12bff rgb(193,43,255)
```
#c945ff
```
#c945ff rgb(201,69,255)
```

Monochromatic Color

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

#7100f7
```
#7100f7 rgb(113,0,247)
```
#8600f7
```
#8600f7 rgb(134,0,247)
```
#9a00f7
```
#9a00f7 rgb(154,0,247)
```
#af00f7
```
#af00f7 rgb(175,0,247)
```
#c400f7
```
#c400f7 rgb(196,0,247)
```
#d800f7
```
#d800f7 rgb(216,0,247)
```
#ed00f7
```
#ed00f7 rgb(237,0,247)
```

Similar Colors

Text with hexadecimal color #af00f7

This text has a font color of #af00f7.

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

#af00f7 background color

This paragraph has a background color of #af00f7.

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

#af00f7 border color

This element has a border color of #af00f7.

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

CSS codes

.text {color:#af00f7;}

.background {background-color:#af00f7;}

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

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, #08000c is the darkest color, while #fdf7ff is the lightest one.

#08000c
```
#08000c rgb(8,0,12)
```
#16001f
```
#16001f rgb(22,0,31)
```
#240033
```
#240033 rgb(36,0,51)
```
#320046
```
#320046 rgb(50,0,70)
```
#40005a
```
#40005a rgb(64,0,90)
```
#4e006e
```
#4e006e rgb(78,0,110)
```
#5c0081
```
#5c0081 rgb(92,0,129)
```
#6a0095
```
#6a0095 rgb(106,0,149)
```
#7700a9
```
#7700a9 rgb(119,0,169)
```
#8500bc
```
#8500bc rgb(133,0,188)
```
#9300d0
```
#9300d0 rgb(147,0,208)
```
#a100e3
```
#a100e3 rgb(161,0,227)
```
#af00f7
```
#af00f7 rgb(175,0,247)
```

Shade Color Variation

#b80cff
```
#b80cff rgb(184,12,255)
```
#be1fff
```
#be1fff rgb(190,31,255)
```
#c333ff
```
#c333ff rgb(195,51,255)
```
#c946ff
```
#c946ff rgb(201,70,255)
```
#cf5aff
```
#cf5aff rgb(207,90,255)
```
#d56eff
```
#d56eff rgb(213,110,255)
```
#da81ff
```
#da81ff rgb(218,129,255)
```
#e095ff
```
#e095ff rgb(224,149,255)
```
#e6a9ff
```
#e6a9ff rgb(230,169,255)
```
#ecbcff
```
#ecbcff rgb(236,188,255)
```
#f1d0ff
```
#f1d0ff rgb(241,208,255)
```
#f7e3ff
```
#f7e3ff rgb(247,227,255)
```
#fdf7ff
```
#fdf7ff rgb(253,247,255)
```

Tint Color Variation

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

#7f7285
```
#7f7285 rgb(127,114,133)
```
#83698f
```
#83698f rgb(131,105,143)
```
#875f98
```
#875f98 rgb(135,95,152)
```
#8b56a2
```
#8b56a2 rgb(139,86,162)
```
#8f4cab
```
#8f4cab rgb(143,76,171)
```
#9343b5
```
#9343b5 rgb(147,67,181)
```
#9739be
```
#9739be rgb(151,57,190)
```
#9b30c8
```
#9b30c8 rgb(155,48,200)
```
#9f26d1
```
#9f26d1 rgb(159,38,209)
```
#a31ddb
```
#a31ddb rgb(163,29,219)
```
#a713e4
```
#a713e4 rgb(167,19,228)
```
#ab0aee
```
#ab0aee rgb(171,10,238)
```
#af00f7
```
#af00f7 rgb(175,0,247)
```

Tone Color Variation

Below, you can see how #af00f7 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
#634071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c4 Deuteranopia 1% of men
#986970 Tritanopia 0.001% of the population

Trichromacy

#3f49e7 Protanomaly 1% of men, 0.01% of women
#3f4cd7 Deuteranomaly 6% of men, 0.4% of women
#a043a1 Tritanomaly 0.01% of the population

#af00f7 hex color

#af00f7 Color Information

#af00f7 Color Conversion

Color Schemes with #af00f7

Alternatives to #af00f7

#af00f7 Preview

Shades and Tints of #af00f7

Tones of #af00f7

Color Blindness Simulator