#af81bc hex color

In a RGB color space, hex #af81bc is composed of 68.6% red, 50.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 31.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 286.8 degrees, a saturation of 30.6% and a lightness of 62.2%. #af81bc color hex could be obtained by blending #ffffff with #5f0379. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 51
- B 74
RGB color chart
- C 7
- M 31
- Y 0
- K 26
CMYK color chart

● #af81bc color description : Slightly desaturated magenta.

The hexadecimal color #af81bc has RGB values of R:175, G:129, B:188 and CMYK values of C:0.07, M:0.31, Y:0, K:0.26. Its decimal value is 11502012.

Hex triplet	af81bc	`#af81bc`
RGB Decimal	175, 129, 188	`rgb(175,129,188)`
RGB Percent	68.6, 50.6, 73.7	`rgb(68.6%,50.6%,73.7%)`
CMYK	7, 31, 0, 26
HSL	286.8°, 30.6, 62.2	`hsl(286.8,30.6%,62.2%)`
HSV (or HSB)	286.8°, 31.4, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.29, 28.196, -24.034
XYZ	34.605, 28.446, 51.242
xyY	0.303, 0.249, 28.446
CIE-LCH	60.29, 37.049, 319.556
CIE-LUV	60.29, 21.34, -40.809
Hunter-Lab	53.335, 22.48, -19.629
Binary	10101111, 10000001, 10111100

#af81bc
```
#af81bc rgb(175,129,188)
```
#8ebc81
```
#8ebc81 rgb(142,188,129)
```

Complementary Color

#9281bc
```
#9281bc rgb(146,129,188)
```
#af81bc
```
#af81bc rgb(175,129,188)
```
#bc81ac
```
#bc81ac rgb(188,129,172)
```

Analogous Color

#81bc92
```
#81bc92 rgb(129,188,146)
```
#af81bc
```
#af81bc rgb(175,129,188)
```
#acbc81
```
#acbc81 rgb(172,188,129)
```

Split Complementary Color

#81bcaf
```
#81bcaf rgb(129,188,175)
```
#af81bc
```
#af81bc rgb(175,129,188)
```
#bcaf81
```
#bcaf81 rgb(188,175,129)
```

Triadic Color

#818ebc
```
#818ebc rgb(129,142,188)
```
#af81bc
```
#af81bc rgb(175,129,188)
```
#bcaf81
```
#bcaf81 rgb(188,175,129)
```
#8ebc81
```
#8ebc81 rgb(142,188,129)
```

Tetradic Color

#8d539d
```
#8d539d rgb(141,83,157)
```
#9a60aa
```
#9a60aa rgb(154,96,170)
```
#a470b3
```
#a470b3 rgb(164,112,179)
```
#af81bc
```
#af81bc rgb(175,129,188)
```
#ba92c5
```
#ba92c5 rgb(186,146,197)
```
#c4a2ce
```
#c4a2ce rgb(196,162,206)
```
#cfb3d7
```
#cfb3d7 rgb(207,179,215)
```

Monochromatic Color

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

#a081bc
```
#a081bc rgb(160,129,188)
```
#a581bc
```
#a581bc rgb(165,129,188)
```
#aa81bc
```
#aa81bc rgb(170,129,188)
```
#af81bc
```
#af81bc rgb(175,129,188)
```
#b481bc
```
#b481bc rgb(180,129,188)
```
#b981bc
```
#b981bc rgb(185,129,188)
```
#bc81ba
```
#bc81ba rgb(188,129,186)
```

Similar Colors

Text with hexadecimal color #af81bc

This text has a font color of #af81bc.

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

#af81bc background color

This paragraph has a background color of #af81bc.

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

#af81bc border color

This element has a border color of #af81bc.

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

CSS codes

.text {color:#af81bc;}

.background {background-color:#af81bc;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0d080f
```
#0d080f rgb(13,8,15)
```
#190f1c
```
#190f1c rgb(25,15,28)
```
#241628
```
#241628 rgb(36,22,40)
```
#301c35
```
#301c35 rgb(48,28,53)
```
#3b2342
```
#3b2342 rgb(59,35,66)
```
#472a4f
```
#472a4f rgb(71,42,79)
```
#52315c
```
#52315c rgb(82,49,92)
```
#5e3869
```
#5e3869 rgb(94,56,105)
```
#693e75
```
#693e75 rgb(105,62,117)
```
#754582
```
#754582 rgb(117,69,130)
```
#804c8f
```
#804c8f rgb(128,76,143)
```
#8c539c
```
#8c539c rgb(140,83,156)
```

Shade Color Variation

#975ba8
```
#975ba8 rgb(151,91,168)
```
#9f67ae
```
#9f67ae rgb(159,103,174)
```
#a774b5
```
#a774b5 rgb(167,116,181)
```
#af81bc
```
#af81bc rgb(175,129,188)
```
#b78ec3
```
#b78ec3 rgb(183,142,195)
```
#bf9bca
```
#bf9bca rgb(191,155,202)
```
#c7a7d0
```
#c7a7d0 rgb(199,167,208)
```
#d0b4d7
```
#d0b4d7 rgb(208,180,215)
```
#d8c1de
```
#d8c1de rgb(216,193,222)
```
#e0cee5
```
#e0cee5 rgb(224,206,229)
```
#e8dbec
```
#e8dbec rgb(232,219,236)
```
#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, #a397a6 is the less saturated color, while #d43eff is the most saturated one.

#a397a6
```
#a397a6 rgb(163,151,166)
```
#a790ad
```
#a790ad rgb(167,144,173)
```
#ab88b5
```
#ab88b5 rgb(171,136,181)
```
#af81bc
```
#af81bc rgb(175,129,188)
```
#b37ac3
```
#b37ac3 rgb(179,122,195)
```
#b772cb
```
#b772cb rgb(183,114,203)
```
#bb6bd2
```
#bb6bd2 rgb(187,107,210)
```
#c063da
```
#c063da rgb(192,99,218)
```
#c45ce1
```
#c45ce1 rgb(196,92,225)
```
#c854e9
```
#c854e9 rgb(200,84,233)
```
#cc4df0
```
#cc4df0 rgb(204,77,240)
```
#d046f7
```
#d046f7 rgb(208,70,247)
```
#d43eff
```
#d43eff rgb(212,62,255)
```

Tone Color Variation

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

#8695c8 Protanopia 1% of men
#9094bb Deuteranopia 1% of men
#ac8f99 Tritanopia 0.001% of the population

Trichromacy

#958dc3 Protanomaly 1% of men, 0.01% of women
#9b8dbb Deuteranomaly 6% of men, 0.4% of women
#ad8aa6 Tritanomaly 0.01% of the population

#af81bc hex color

#af81bc Color Information

#af81bc Color Conversion

Color Schemes with #af81bc

Alternatives to #af81bc

#af81bc Preview

Shades and Tints of #af81bc

Tones of #af81bc

Color Blindness Simulator