#af80bf hex color

In a RGB color space, hex #af80bf is composed of 68.6% red, 50.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 33% magenta, 0% yellow and 25.1% black. It has a hue angle of 284.8 degrees, a saturation of 33% and a lightness of 62.5%. #af80bf color hex could be obtained by blending #ffffff with #5f017f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 50
- B 75
RGB color chart
- C 8
- M 33
- Y 0
- K 25
CMYK color chart

● #af80bf color description : Slightly desaturated violet.

The hexadecimal color #af80bf has RGB values of R:175, G:128, B:191 and CMYK values of C:0.08, M:0.33, Y:0, K:0.25. Its decimal value is 11501759.

Hex triplet	af80bf	`#af80bf`
RGB Decimal	175, 128, 191	`rgb(175,128,191)`
RGB Percent	68.6, 50.2, 74.9	`rgb(68.6%,50.2%,74.9%)`
CMYK	8, 33, 0, 25
HSL	284.8°, 33, 62.5	`hsl(284.8,33%,62.5%)`
HSV (or HSB)	284.8°, 33, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.172, 29.375, -25.916
XYZ	34.801, 28.315, 52.919
xyY	0.3, 0.244, 28.315
CIE-LCH	60.172, 39.173, 318.58
CIE-LUV	60.172, 21.361, -43.941
Hunter-Lab	53.211, 23.621, -21.716
Binary	10101111, 10000000, 10111111

#af80bf
```
#af80bf rgb(175,128,191)
```
#90bf80
```
#90bf80 rgb(144,191,128)
```

Complementary Color

#9080bf
```
#9080bf rgb(144,128,191)
```
#af80bf
```
#af80bf rgb(175,128,191)
```
#bf80b0
```
#bf80b0 rgb(191,128,176)
```

Analogous Color

#80bf90
```
#80bf90 rgb(128,191,144)
```
#af80bf
```
#af80bf rgb(175,128,191)
```
#b0bf80
```
#b0bf80 rgb(176,191,128)
```

Split Complementary Color

#80bfaf
```
#80bfaf rgb(128,191,175)
```
#af80bf
```
#af80bf rgb(175,128,191)
```
#bfaf80
```
#bfaf80 rgb(191,175,128)
```

Triadic Color

#8090bf
```
#8090bf rgb(128,144,191)
```
#af80bf
```
#af80bf rgb(175,128,191)
```
#bfaf80
```
#bfaf80 rgb(191,175,128)
```
#90bf80
```
#90bf80 rgb(144,191,128)
```

Tetradic Color

#8d51a1
```
#8d51a1 rgb(141,81,161)
```
#9a5eae
```
#9a5eae rgb(154,94,174)
```
#a46fb6
```
#a46fb6 rgb(164,111,182)
```
#af80bf
```
#af80bf rgb(175,128,191)
```
#ba91c8
```
#ba91c8 rgb(186,145,200)
```
#c4a2d0
```
#c4a2d0 rgb(196,162,208)
```
#cfb3d9
```
#cfb3d9 rgb(207,179,217)
```

Monochromatic Color

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

#9f80bf
```
#9f80bf rgb(159,128,191)
```
#a580bf
```
#a580bf rgb(165,128,191)
```
#aa80bf
```
#aa80bf rgb(170,128,191)
```
#af80bf
```
#af80bf rgb(175,128,191)
```
#b480bf
```
#b480bf rgb(180,128,191)
```
#ba80bf
```
#ba80bf rgb(186,128,191)
```
#bf80bf
```
#bf80bf rgb(191,128,191)
```

Similar Colors

Text with hexadecimal color #af80bf

This text has a font color of #af80bf.

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

#af80bf background color

This paragraph has a background color of #af80bf.

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

#af80bf border color

This element has a border color of #af80bf.

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

CSS codes

.text {color:#af80bf;}

.background {background-color:#af80bf;}

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0e0810
```
#0e0810 rgb(14,8,16)
```
#1a0f1e
```
#1a0f1e rgb(26,15,30)
```
#25152b
```
#25152b rgb(37,21,43)
```
#311c38
```
#311c38 rgb(49,28,56)
```
#3c2345
```
#3c2345 rgb(60,35,69)
```
#472952
```
#472952 rgb(71,41,82)
```
#53305f
```
#53305f rgb(83,48,95)
```
#5e366c
```
#5e366c rgb(94,54,108)
```
#6a3d79
```
#6a3d79 rgb(106,61,121)
```
#754386
```
#754386 rgb(117,67,134)
```
#804a93
```
#804a93 rgb(128,74,147)
```
#8c51a0
```
#8c51a0 rgb(140,81,160)
```

Shade Color Variation

#9659ab
```
#9659ab rgb(150,89,171)
```
#9f66b2
```
#9f66b2 rgb(159,102,178)
```
#a773b8
```
#a773b8 rgb(167,115,184)
```
#af80bf
```
#af80bf rgb(175,128,191)
```
#b78dc6
```
#b78dc6 rgb(183,141,198)
```
#bf9acc
```
#bf9acc rgb(191,154,204)
```
#c8a7d3
```
#c8a7d3 rgb(200,167,211)
```
#d0b4d9
```
#d0b4d9 rgb(208,180,217)
```
#d8c1e0
```
#d8c1e0 rgb(216,193,224)
```
#e0cee6
```
#e0cee6 rgb(224,206,230)
```
#e9dbed
```
#e9dbed rgb(233,219,237)
```
#f1e8f4
```
#f1e8f4 rgb(241,232,244)
```
#f9f5fa
```
#f9f5fa rgb(249,245,250)
```

Tint Color Variation

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

#a19da2
```
#a19da2 rgb(161,157,162)
```
#a496a9
```
#a496a9 rgb(164,150,169)
```
#a88fb0
```
#a88fb0 rgb(168,143,176)
```
#ab87b8
```
#ab87b8 rgb(171,135,184)
```
#af80bf
```
#af80bf rgb(175,128,191)
```
#b379c6
```
#b379c6 rgb(179,121,198)
```
#b671ce
```
#b671ce rgb(182,113,206)
```
#ba6ad5
```
#ba6ad5 rgb(186,106,213)
```
#bd63dc
```
#bd63dc rgb(189,99,220)
```
#c15be4
```
#c15be4 rgb(193,91,228)
```
#c554eb
```
#c554eb rgb(197,84,235)
```
#c84df2
```
#c84df2 rgb(200,77,242)
```
#cc45fa
```
#cc45fa rgb(204,69,250)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9a919d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8494cb Protanopia 1% of men
#8e94bd Deuteranopia 1% of men
#ac8f99 Tritanopia 0.001% of the population

Trichromacy

#948dc7 Protanomaly 1% of men, 0.01% of women
#9a8cbe Deuteranomaly 6% of men, 0.4% of women
#ad89a7 Tritanomaly 0.01% of the population

#af80bf hex color

#af80bf Color Information

#af80bf Color Conversion

Color Schemes with #af80bf

Alternatives to #af80bf

#af80bf Preview

Shades and Tints of #af80bf

Tones of #af80bf

Color Blindness Simulator