#af80fb hex color

In a RGB color space, hex #af80fb is composed of 68.6% red, 50.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 49% magenta, 0% yellow and 1.6% black. It has a hue angle of 262.9 degrees, a saturation of 93.9% and a lightness of 74.3%. #af80fb color hex could be obtained by blending #ffffff with #5f01f7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 69
- G 50
- B 98
RGB color chart
- C 30
- M 49
- Y 0
- K 2
CMYK color chart

● #af80fb color description : Soft violet.

The hexadecimal color #af80fb has RGB values of R:175, G:128, B:251 and CMYK values of C:0.3, M:0.49, Y:0, K:0.02. Its decimal value is 11501819.

Hex triplet	af80fb	`#af80fb`
RGB Decimal	175, 128, 251	`rgb(175,128,251)`
RGB Percent	68.6, 50.2, 98.4	`rgb(68.6%,50.2%,98.4%)`
CMYK	30, 49, 0, 2
HSL	262.9°, 93.9, 74.3	`hsl(262.9,93.9%,74.3%)`
HSV (or HSB)	262.9°, 49, 98.4
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.942, 42.998, -55.064
XYZ	42.808, 31.517, 95.09
xyY	0.253, 0.186, 31.517
CIE-LCH	62.942, 69.863, 307.985
CIE-LUV	62.942, 13.073, -93.392
Hunter-Lab	56.14, 37.864, -61.126
Binary	10101111, 10000000, 11111011

#af80fb
```
#af80fb rgb(175,128,251)
```
#ccfb80
```
#ccfb80 rgb(204,251,128)
```

Complementary Color

#808ffb
```
#808ffb rgb(128,143,251)
```
#af80fb
```
#af80fb rgb(175,128,251)
```
#ed80fb
```
#ed80fb rgb(237,128,251)
```

Analogous Color

#8ffb80
```
#8ffb80 rgb(143,251,128)
```
#af80fb
```
#af80fb rgb(175,128,251)
```
#fbed80
```
#fbed80 rgb(251,237,128)
```

Split Complementary Color

#80fbaf
```
#80fbaf rgb(128,251,175)
```
#af80fb
```
#af80fb rgb(175,128,251)
```
#fbaf80
```
#fbaf80 rgb(251,175,128)
```

Triadic Color

#80ccfb
```
#80ccfb rgb(128,204,251)
```
#af80fb
```
#af80fb rgb(175,128,251)
```
#fbaf80
```
#fbaf80 rgb(251,175,128)
```
#ccfb80
```
#ccfb80 rgb(204,251,128)
```

Tetradic Color

#8036f9
```
#8036f9 rgb(128,54,249)
```
#904ff9
```
#904ff9 rgb(144,79,249)
```
#9f67fa
```
#9f67fa rgb(159,103,250)
```
#af80fb
```
#af80fb rgb(175,128,251)
```
#bf99fc
```
#bf99fc rgb(191,153,252)
```
#ceb1fd
```
#ceb1fd rgb(206,177,253)
```
#decafd
```
#decafd rgb(222,202,253)
```

Monochromatic Color

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

#9080fb
```
#9080fb rgb(144,128,251)
```
#9b80fb
```
#9b80fb rgb(155,128,251)
```
#a580fb
```
#a580fb rgb(165,128,251)
```
#af80fb
```
#af80fb rgb(175,128,251)
```
#b980fb
```
#b980fb rgb(185,128,251)
```
#c480fb
```
#c480fb rgb(196,128,251)
```
#ce80fb
```
#ce80fb rgb(206,128,251)
```

Similar Colors

Text with hexadecimal color #af80fb

This text has a font color of #af80fb.

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

#af80fb background color

This paragraph has a background color of #af80fb.

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

#af80fb border color

This element has a border color of #af80fb.

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

CSS codes

.text {color:#af80fb;}

.background {background-color:#af80fb;}

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

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

#020006
```
#020006 rgb(2,0,6)
```
#0a0119
```
#0a0119 rgb(10,1,25)
```
#12012c
```
#12012c rgb(18,1,44)
```
#19023f
```
#19023f rgb(25,2,63)
```
#210352
```
#210352 rgb(33,3,82)
```
#290365
```
#290365 rgb(41,3,101)
```
#300478
```
#300478 rgb(48,4,120)
```
#38048b
```
#38048b rgb(56,4,139)
```
#40059e
```
#40059e rgb(64,5,158)
```
#4706b1
```
#4706b1 rgb(71,6,177)
```
#4f06c4
```
#4f06c4 rgb(79,6,196)
```
#5607d7
```
#5607d7 rgb(86,7,215)
```
#5e07ea
```
#5e07ea rgb(94,7,234)
```

Shade Color Variation

#670ef7
```
#670ef7 rgb(103,14,247)
```
#7321f8
```
#7321f8 rgb(115,33,248)
```
#7f34f9
```
#7f34f9 rgb(127,52,249)
```
#8b47f9
```
#8b47f9 rgb(139,71,249)
```
#975afa
```
#975afa rgb(151,90,250)
```
#a36dfa
```
#a36dfa rgb(163,109,250)
```
#af80fb
```
#af80fb rgb(175,128,251)
```
#bb93fc
```
#bb93fc rgb(187,147,252)
```
#c7a6fc
```
#c7a6fc rgb(199,166,252)
```
#d3b9fd
```
#d3b9fd rgb(211,185,253)
```
#dfccfd
```
#dfccfd rgb(223,204,253)
```
#ebdffe
```
#ebdffe rgb(235,223,254)
```
#f7f2ff
```
#f7f2ff rgb(247,242,255)
```

Tint Color Variation

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

#bdbcbf
```
#bdbcbf rgb(189,188,191)
```
#bcb7c4
```
#bcb7c4 rgb(188,183,196)
```
#bbb2c9
```
#bbb2c9 rgb(187,178,201)
```
#baadce
```
#baadce rgb(186,173,206)
```
#b9a8d3
```
#b9a8d3 rgb(185,168,211)
```
#b7a3d8
```
#b7a3d8 rgb(183,163,216)
```
#b69edd
```
#b69edd rgb(182,158,221)
```
#b599e2
```
#b599e2 rgb(181,153,226)
```
#b494e7
```
#b494e7 rgb(180,148,231)
```
#b38fec
```
#b38fec rgb(179,143,236)
```
#b18af1
```
#b18af1 rgb(177,138,241)
```
#b085f6
```
#b085f6 rgb(176,133,246)
```
#af80fb
```
#af80fb rgb(175,128,251)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a096af Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d9aff Protanopia 1% of men
#669ef2 Deuteranopia 1% of men
#9f9ca7 Tritanopia 0.001% of the population

Trichromacy

#8590fd Protanomaly 1% of men, 0.01% of women
#8093f5 Deuteranomaly 6% of men, 0.4% of women
#a491c5 Tritanomaly 0.01% of the population

#af80fb hex color

#af80fb Color Information

#af80fb Color Conversion

Color Schemes with #af80fb

Alternatives to #af80fb

#af80fb Preview

Shades and Tints of #af80fb

Tones of #af80fb

Color Blindness Simulator