#af07ff hex color

In a RGB color space, hex #af07ff is composed of 68.6% red, 2.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 97.3% magenta, 0% yellow and 0% black. It has a hue angle of 280.6 degrees, a saturation of 100% and a lightness of 51.4%. #af07ff color hex could be obtained by blending #ff0eff with #5f00ff. Closest websafe color is: #9900ff.

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

● #af07ff color description : Vivid violet.

The hexadecimal color #af07ff has RGB values of R:175, G:7, B:255 and CMYK values of C:0.31, M:0.97, Y:0, K:0. Its decimal value is 11470847.

Hex triplet	af07ff	`#af07ff`
RGB Decimal	175, 7, 255	`rgb(175,7,255)`
RGB Percent	68.6, 2.7, 100	`rgb(68.6%,2.7%,100%)`
CMYK	31, 97, 0, 0
HSL	280.6°, 100, 51.4	`hsl(280.6,100%,51.4%)`
HSV (or HSB)	280.6°, 97.3, 100
Web Safe	9900ff	`#9900ff`

CIE-LAB	47.607, 86.933, -82.044
XYZ	35.803, 16.487, 95.898
xyY	0.242, 0.111, 16.487
CIE-LCH	47.607, 119.535, 316.657
CIE-LUV	47.607, 32.834, -128.966
Hunter-Lab	40.604, 86.335, -111.608
Binary	10101111, 00000111, 11111111

#af07ff
```
#af07ff rgb(175,7,255)
```
#57ff07
```
#57ff07 rgb(87,255,7)
```

Complementary Color

#3307ff
```
#3307ff rgb(51,7,255)
```
#af07ff
```
#af07ff rgb(175,7,255)
```
#ff07d3
```
#ff07d3 rgb(255,7,211)
```

Analogous Color

#07ff33
```
#07ff33 rgb(7,255,51)
```
#af07ff
```
#af07ff rgb(175,7,255)
```
#d3ff07
```
#d3ff07 rgb(211,255,7)
```

Split Complementary Color

#07ffaf
```
#07ffaf rgb(7,255,175)
```
#af07ff
```
#af07ff rgb(175,7,255)
```
#ffaf07
```
#ffaf07 rgb(255,175,7)
```

Triadic Color

#0757ff
```
#0757ff rgb(7,87,255)
```
#af07ff
```
#af07ff rgb(175,7,255)
```
#ffaf07
```
#ffaf07 rgb(255,175,7)
```
#57ff07
```
#57ff07 rgb(87,255,7)
```

Tetradic Color

#7e00ba
```
#7e00ba rgb(126,0,186)
```
#8f00d3
```
#8f00d3 rgb(143,0,211)
```
#a000ed
```
#a000ed rgb(160,0,237)
```
#af07ff
```
#af07ff rgb(175,7,255)
```
#b721ff
```
#b721ff rgb(183,33,255)
```
#bf3aff
```
#bf3aff rgb(191,58,255)
```
#c854ff
```
#c854ff rgb(200,84,255)
```

Monochromatic Color

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

#7107ff
```
#7107ff rgb(113,7,255)
```
#8607ff
```
#8607ff rgb(134,7,255)
```
#9a07ff
```
#9a07ff rgb(154,7,255)
```
#af07ff
```
#af07ff rgb(175,7,255)
```
#c407ff
```
#c407ff rgb(196,7,255)
```
#d807ff
```
#d807ff rgb(216,7,255)
```
#ed07ff
```
#ed07ff rgb(237,7,255)
```

Similar Colors

Text with hexadecimal color #af07ff

This text has a font color of #af07ff.

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

#af07ff background color

This paragraph has a background color of #af07ff.

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

#af07ff border color

This element has a border color of #af07ff.

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

CSS codes

.text {color:#af07ff;}

.background {background-color:#af07ff;}

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

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

#050007
```
#050007 rgb(5,0,7)
```
#12001b
```
#12001b rgb(18,0,27)
```
#1f002e
```
#1f002e rgb(31,0,46)
```
#2d0042
```
#2d0042 rgb(45,0,66)
```
#3a0055
```
#3a0055 rgb(58,0,85)
```
#470069
```
#470069 rgb(71,0,105)
```
#54007d
```
#54007d rgb(84,0,125)
```
#620090
```
#620090 rgb(98,0,144)
```
#6f00a4
```
#6f00a4 rgb(111,0,164)
```
#7c00b8
```
#7c00b8 rgb(124,0,184)
```
#8a00cb
```
#8a00cb rgb(138,0,203)
```
#9700df
```
#9700df rgb(151,0,223)
```
#a400f2
```
#a400f2 rgb(164,0,242)
```

Shade Color Variation

#af07ff
```
#af07ff rgb(175,7,255)
```
#b51bff
```
#b51bff rgb(181,27,255)
```
#bc2eff
```
#bc2eff rgb(188,46,255)
```
#c242ff
```
#c242ff rgb(194,66,255)
```
#c855ff
```
#c855ff rgb(200,85,255)
```
#cf69ff
```
#cf69ff rgb(207,105,255)
```
#d57dff
```
#d57dff rgb(213,125,255)
```
#db90ff
```
#db90ff rgb(219,144,255)
```
#e2a4ff
```
#e2a4ff rgb(226,164,255)
```
#e8b8ff
```
#e8b8ff rgb(232,184,255)
```
#eecbff
```
#eecbff rgb(238,203,255)
```
#f5dfff
```
#f5dfff rgb(245,223,255)
```
#fbf2ff
```
#fbf2ff rgb(251,242,255)
```

Tint Color Variation

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

#86798d
```
#86798d rgb(134,121,141)
```
#8a7096
```
#8a7096 rgb(138,112,150)
```
#8d66a0
```
#8d66a0 rgb(141,102,160)
```
#915da9
```
#915da9 rgb(145,93,169)
```
#9453b3
```
#9453b3 rgb(148,83,179)
```
#974abc
```
#974abc rgb(151,74,188)
```
#9b40c6
```
#9b40c6 rgb(155,64,198)
```
#9e37cf
```
#9e37cf rgb(158,55,207)
```
#a12dd9
```
#a12dd9 rgb(161,45,217)
```
#a524e2
```
#a524e2 rgb(165,36,226)
```
#a81aec
```
#a81aec rgb(168,26,236)
```
#ac11f5
```
#ac11f5 rgb(172,17,245)
```
#af07ff
```
#af07ff rgb(175,7,255)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#684678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#966d75 Tritanopia 0.001% of the population

Trichromacy

#3f4ced Protanomaly 1% of men, 0.01% of women
#3f50db Deuteranomaly 6% of men, 0.4% of women
#9f48a7 Tritanomaly 0.01% of the population

#af07ff hex color

#af07ff Color Information

#af07ff Color Conversion

Color Schemes with #af07ff

Alternatives to #af07ff

#af07ff Preview

Shades and Tints of #af07ff

Tones of #af07ff

Color Blindness Simulator