#af81bb hex color

In a RGB color space, hex #af81bb is composed of 68.6% red, 50.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 31% magenta, 0% yellow and 26.7% black. It has a hue angle of 287.6 degrees, a saturation of 29.9% and a lightness of 62%. #af81bb color hex could be obtained by blending #ffffff with #5f0377. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 51
- B 73
RGB color chart
- C 6
- M 31
- Y 0
- K 27
CMYK color chart

● #af81bb color description : Slightly desaturated magenta.

The hexadecimal color #af81bb has RGB values of R:175, G:129, B:187 and CMYK values of C:0.06, M:0.31, Y:0, K:0.27. Its decimal value is 11502011.

Hex triplet	af81bb	`#af81bb`
RGB Decimal	175, 129, 187	`rgb(175,129,187)`
RGB Percent	68.6, 50.6, 73.3	`rgb(68.6%,50.6%,73.3%)`
CMYK	6, 31, 0, 27
HSL	287.6°, 29.9, 62	`hsl(287.6,29.9%,62%)`
HSV (or HSB)	287.6°, 31, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.251, 27.991, -23.525
XYZ	34.498, 28.403, 50.676
xyY	0.304, 0.25, 28.403
CIE-LCH	60.251, 36.564, 319.955
CIE-LUV	60.251, 21.482, -39.973
Hunter-Lab	53.295, 22.279, -19.071
Binary	10101111, 10000001, 10111011

#af81bb
```
#af81bb rgb(175,129,187)
```
#8dbb81
```
#8dbb81 rgb(141,187,129)
```

Complementary Color

#9281bb
```
#9281bb rgb(146,129,187)
```
#af81bb
```
#af81bb rgb(175,129,187)
```
#bb81aa
```
#bb81aa rgb(187,129,170)
```

Analogous Color

#81bb92
```
#81bb92 rgb(129,187,146)
```
#af81bb
```
#af81bb rgb(175,129,187)
```
#aabb81
```
#aabb81 rgb(170,187,129)
```

Split Complementary Color

#81bbaf
```
#81bbaf rgb(129,187,175)
```
#af81bb
```
#af81bb rgb(175,129,187)
```
#bbaf81
```
#bbaf81 rgb(187,175,129)
```

Triadic Color

#818dbb
```
#818dbb rgb(129,141,187)
```
#af81bb
```
#af81bb rgb(175,129,187)
```
#bbaf81
```
#bbaf81 rgb(187,175,129)
```
#8dbb81
```
#8dbb81 rgb(141,187,129)
```

Tetradic Color

#8d549c
```
#8d549c rgb(141,84,156)
```
#9a60a9
```
#9a60a9 rgb(154,96,169)
```
#a470b2
```
#a470b2 rgb(164,112,178)
```
#af81bb
```
#af81bb rgb(175,129,187)
```
#ba92c4
```
#ba92c4 rgb(186,146,196)
```
#c4a2cd
```
#c4a2cd rgb(196,162,205)
```
#cfb3d6
```
#cfb3d6 rgb(207,179,214)
```

Monochromatic Color

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

#a181bb
```
#a181bb rgb(161,129,187)
```
#a581bb
```
#a581bb rgb(165,129,187)
```
#aa81bb
```
#aa81bb rgb(170,129,187)
```
#af81bb
```
#af81bb rgb(175,129,187)
```
#b481bb
```
#b481bb rgb(180,129,187)
```
#b981bb
```
#b981bb rgb(185,129,187)
```
#bb81b9
```
#bb81b9 rgb(187,129,185)
```

Similar Colors

Text with hexadecimal color #af81bb

This text has a font color of #af81bb.

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

#af81bb background color

This paragraph has a background color of #af81bb.

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

#af81bb border color

This element has a border color of #af81bb.

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

CSS codes

.text {color:#af81bb;}

.background {background-color:#af81bb;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d080e
```
#0d080e rgb(13,8,14)
```
#180f1b
```
#180f1b rgb(24,15,27)
```
#241528
```
#241528 rgb(36,21,40)
```
#2f1c34
```
#2f1c34 rgb(47,28,52)
```
#3b2341
```
#3b2341 rgb(59,35,65)
```
#462a4e
```
#462a4e rgb(70,42,78)
```
#52315b
```
#52315b rgb(82,49,91)
```
#5d3867
```
#5d3867 rgb(93,56,103)
```
#693f74
```
#693f74 rgb(105,63,116)
```
#754681
```
#754681 rgb(117,70,129)
```
#804c8e
```
#804c8e rgb(128,76,142)
```
#8c539a
```
#8c539a rgb(140,83,154)
```

Shade Color Variation

#975ba6
```
#975ba6 rgb(151,91,166)
```
#9f68ad
```
#9f68ad rgb(159,104,173)
```
#a774b4
```
#a774b4 rgb(167,116,180)
```
#af81bb
```
#af81bb rgb(175,129,187)
```
#b78ec2
```
#b78ec2 rgb(183,142,194)
```
#bf9ac9
```
#bf9ac9 rgb(191,154,201)
```
#c7a7d0
```
#c7a7d0 rgb(199,167,208)
```
#cfb4d7
```
#cfb4d7 rgb(207,180,215)
```
#d7c1dd
```
#d7c1dd rgb(215,193,221)
```
#e0cde4
```
#e0cde4 rgb(224,205,228)
```
#e8daeb
```
#e8daeb rgb(232,218,235)
```
#f0e7f2
```
#f0e7f2 rgb(240,231,242)
```
#f8f4f9
```
#f8f4f9 rgb(248,244,249)
```

Tint Color Variation

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

#a297a5
```
#a297a5 rgb(162,151,165)
```
#a690ac
```
#a690ac rgb(166,144,172)
```
#ab88b4
```
#ab88b4 rgb(171,136,180)
```
#af81bb
```
#af81bb rgb(175,129,187)
```
#b37ac2
```
#b37ac2 rgb(179,122,194)
```
#b872ca
```
#b872ca rgb(184,114,202)
```
#bc6bd1
```
#bc6bd1 rgb(188,107,209)
```
#c063d9
```
#c063d9 rgb(192,99,217)
```
#c55ce0
```
#c55ce0 rgb(197,92,224)
```
#c954e8
```
#c954e8 rgb(201,84,232)
```
#ce4def
```
#ce4def rgb(206,77,239)
```
#d245f7
```
#d245f7 rgb(210,69,247)
```
#d63efe
```
#d63efe rgb(214,62,254)
```

Tone Color Variation

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

#8795c7 Protanopia 1% of men
#9194ba Deuteranopia 1% of men
#ac8f99 Tritanopia 0.001% of the population

Trichromacy

#958dc2 Protanomaly 1% of men, 0.01% of women
#9c8dba Deuteranomaly 6% of men, 0.4% of women
#ad8aa5 Tritanomaly 0.01% of the population

#af81bb hex color

#af81bb Color Information

#af81bb Color Conversion

Color Schemes with #af81bb

Alternatives to #af81bb

#af81bb Preview

Shades and Tints of #af81bb

Tones of #af81bb

Color Blindness Simulator