#af80b3 hex color

In a RGB color space, hex #af80b3 is composed of 68.6% red, 50.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 28.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 295.3 degrees, a saturation of 25.1% and a lightness of 60.2%. #af80b3 color hex could be obtained by blending #ffffff with #5f0167. Closest websafe color is: #9999cc.

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

● #af80b3 color description : Slightly desaturated magenta.

The hexadecimal color #af80b3 has RGB values of R:175, G:128, B:179 and CMYK values of C:0.02, M:0.28, Y:0, K:0.3. Its decimal value is 11501747.

Hex triplet	af80b3	`#af80b3`
RGB Decimal	175, 128, 179	`rgb(175,128,179)`
RGB Percent	68.6, 50.2, 70.2	`rgb(68.6%,50.2%,70.2%)`
CMYK	2, 28, 0, 30
HSL	295.3°, 25.1, 60.2	`hsl(295.3,25.1%,60.2%)`
HSV (or HSB)	295.3°, 28.5, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	59.715, 26.951, -19.795
XYZ	33.534, 27.808, 46.246
xyY	0.312, 0.258, 27.808
CIE-LCH	59.715, 33.439, 323.702
CIE-LUV	59.715, 23.09, -33.932
Hunter-Lab	52.733, 21.229, -15.083
Binary	10101111, 10000000, 10110011

#af80b3
```
#af80b3 rgb(175,128,179)
```
#84b380
```
#84b380 rgb(132,179,128)
```

Complementary Color

#9680b3
```
#9680b3 rgb(150,128,179)
```
#af80b3
```
#af80b3 rgb(175,128,179)
```
#b3809e
```
#b3809e rgb(179,128,158)
```

Analogous Color

#80b396
```
#80b396 rgb(128,179,150)
```
#af80b3
```
#af80b3 rgb(175,128,179)
```
#9eb380
```
#9eb380 rgb(158,179,128)
```

Split Complementary Color

#80b3af
```
#80b3af rgb(128,179,175)
```
#af80b3
```
#af80b3 rgb(175,128,179)
```
#b3af80
```
#b3af80 rgb(179,175,128)
```

Triadic Color

#8084b3
```
#8084b3 rgb(128,132,179)
```
#af80b3
```
#af80b3 rgb(175,128,179)
```
#b3af80
```
#b3af80 rgb(179,175,128)
```
#84b380
```
#84b380 rgb(132,179,128)
```

Tetradic Color

#8c5690
```
#8c5690 rgb(140,86,144)
```
#9b60a0
```
#9b60a0 rgb(155,96,160)
```
#a570a9
```
#a570a9 rgb(165,112,169)
```
#af80b3
```
#af80b3 rgb(175,128,179)
```
#b990bd
```
#b990bd rgb(185,144,189)
```
#c3a0c6
```
#c3a0c6 rgb(195,160,198)
```
#cdb0d0
```
#cdb0d0 rgb(205,176,208)
```

Monochromatic Color

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

#a280b3
```
#a280b3 rgb(162,128,179)
```
#a780b3
```
#a780b3 rgb(167,128,179)
```
#ab80b3
```
#ab80b3 rgb(171,128,179)
```
#af80b3
```
#af80b3 rgb(175,128,179)
```
#b380b3
```
#b380b3 rgb(179,128,179)
```
#b380af
```
#b380af rgb(179,128,175)
```
#b380aa
```
#b380aa rgb(179,128,170)
```

Similar Colors

Text with hexadecimal color #af80b3

This text has a font color of #af80b3.

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

#af80b3 background color

This paragraph has a background color of #af80b3.

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

#af80b3 border color

This element has a border color of #af80b3.

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

CSS codes

.text {color:#af80b3;}

.background {background-color:#af80b3;}

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

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

#080508
```
#080508 rgb(8,5,8)
```
#140c14
```
#140c14 rgb(20,12,20)
```
#201321
```
#201321 rgb(32,19,33)
```
#2b1b2d
```
#2b1b2d rgb(43,27,45)
```
#372239
```
#372239 rgb(55,34,57)
```
#432945
```
#432945 rgb(67,41,69)
```
#4f3152
```
#4f3152 rgb(79,49,82)
```
#5b385e
```
#5b385e rgb(91,56,94)
```
#67406a
```
#67406a rgb(103,64,106)
```
#734776
```
#734776 rgb(115,71,118)
```
#7f4e83
```
#7f4e83 rgb(127,78,131)
```
#8a568f
```
#8a568f rgb(138,86,143)
```
#965d9b
```
#965d9b rgb(150,93,155)
```

Shade Color Variation

#a067a4
```
#a067a4 rgb(160,103,164)
```
#a774ac
```
#a774ac rgb(167,116,172)
```
#af80b3
```
#af80b3 rgb(175,128,179)
```
#b78cba
```
#b78cba rgb(183,140,186)
```
#be99c2
```
#be99c2 rgb(190,153,194)
```
#c6a5c9
```
#c6a5c9 rgb(198,165,201)
```
#ceb1d0
```
#ceb1d0 rgb(206,177,208)
```
#d6bdd8
```
#d6bdd8 rgb(214,189,216)
```
#ddcadf
```
#ddcadf rgb(221,202,223)
```
#e5d6e6
```
#e5d6e6 rgb(229,214,230)
```
#ede2ee
```
#ede2ee rgb(237,226,238)
```
#f5eef5
```
#f5eef5 rgb(245,238,245)
```
#fcfbfc
```
#fcfbfc rgb(252,251,252)
```

Tint Color Variation

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

#9b979c
```
#9b979c rgb(155,151,156)
```
#a290a3
```
#a290a3 rgb(162,144,163)
```
#a888ab
```
#a888ab rgb(168,136,171)
```
#af80b3
```
#af80b3 rgb(175,128,179)
```
#b678bb
```
#b678bb rgb(182,120,187)
```
#bc70c3
```
#bc70c3 rgb(188,112,195)
```
#c369ca
```
#c369ca rgb(195,105,202)
```
#c961d2
```
#c961d2 rgb(201,97,210)
```
#d059da
```
#d059da rgb(208,89,218)
```
#d651e2
```
#d651e2 rgb(214,81,226)
```
#dd49ea
```
#dd49ea rgb(221,73,234)
```
#e442f1
```
#e442f1 rgb(228,66,241)
```
#ea3af9
```
#ea3af9 rgb(234,58,249)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#99909a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8994bf Protanopia 1% of men
#9392b3 Deuteranopia 1% of men
#ad8d96 Tritanopia 0.001% of the population

Trichromacy

#968cba Protanomaly 1% of men, 0.01% of women
#9d8bb3 Deuteranomaly 6% of men, 0.4% of women
#ae88a1 Tritanomaly 0.01% of the population

#af80b3 hex color

#af80b3 Color Information

#af80b3 Color Conversion

Color Schemes with #af80b3

Alternatives to #af80b3

#af80b3 Preview

Shades and Tints of #af80b3

Tones of #af80b3

Color Blindness Simulator