#af81bd hex color

In a RGB color space, hex #af81bd is composed of 68.6% red, 50.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 31.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 286 degrees, a saturation of 31.3% and a lightness of 62.4%. #af81bd color hex could be obtained by blending #ffffff with #5f037b. Closest websafe color is: #9999cc.

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

● #af81bd color description : Slightly desaturated magenta.

The hexadecimal color #af81bd has RGB values of R:175, G:129, B:189 and CMYK values of C:0.07, M:0.32, Y:0, K:0.26. Its decimal value is 11502013.

Hex triplet	af81bd	`#af81bd`
RGB Decimal	175, 129, 189	`rgb(175,129,189)`
RGB Percent	68.6, 50.6, 74.1	`rgb(68.6%,50.6%,74.1%)`
CMYK	7, 32, 0, 26
HSL	286°, 31.3, 62.4	`hsl(286,31.3%,62.4%)`
HSV (or HSB)	286°, 31.7, 74.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.328, 28.401, -24.541
XYZ	34.713, 28.489, 51.812
xyY	0.302, 0.248, 28.489
CIE-LCH	60.328, 37.535, 319.169
CIE-LUV	60.328, 21.198, -41.644
Hunter-Lab	53.375, 22.683, -20.19
Binary	10101111, 10000001, 10111101

#af81bd
```
#af81bd rgb(175,129,189)
```
#8fbd81
```
#8fbd81 rgb(143,189,129)
```

Complementary Color

#9181bd
```
#9181bd rgb(145,129,189)
```
#af81bd
```
#af81bd rgb(175,129,189)
```
#bd81ad
```
#bd81ad rgb(189,129,173)
```

Analogous Color

#81bd91
```
#81bd91 rgb(129,189,145)
```
#af81bd
```
#af81bd rgb(175,129,189)
```
#adbd81
```
#adbd81 rgb(173,189,129)
```

Split Complementary Color

#81bdaf
```
#81bdaf rgb(129,189,175)
```
#af81bd
```
#af81bd rgb(175,129,189)
```
#bdaf81
```
#bdaf81 rgb(189,175,129)
```

Triadic Color

#818fbd
```
#818fbd rgb(129,143,189)
```
#af81bd
```
#af81bd rgb(175,129,189)
```
#bdaf81
```
#bdaf81 rgb(189,175,129)
```
#8fbd81
```
#8fbd81 rgb(143,189,129)
```

Tetradic Color

#8d539e
```
#8d539e rgb(141,83,158)
```
#9a60ab
```
#9a60ab rgb(154,96,171)
```
#a470b4
```
#a470b4 rgb(164,112,180)
```
#af81bd
```
#af81bd rgb(175,129,189)
```
#ba92c6
```
#ba92c6 rgb(186,146,198)
```
#c4a2cf
```
#c4a2cf rgb(196,162,207)
```
#cfb3d7
```
#cfb3d7 rgb(207,179,215)
```

Monochromatic Color

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

#a081bd
```
#a081bd rgb(160,129,189)
```
#a581bd
```
#a581bd rgb(165,129,189)
```
#aa81bd
```
#aa81bd rgb(170,129,189)
```
#af81bd
```
#af81bd rgb(175,129,189)
```
#b481bd
```
#b481bd rgb(180,129,189)
```
#b981bd
```
#b981bd rgb(185,129,189)
```
#bd81bc
```
#bd81bc rgb(189,129,188)
```

Similar Colors

Text with hexadecimal color #af81bd

This text has a font color of #af81bd.

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

#af81bd background color

This paragraph has a background color of #af81bd.

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

#af81bd border color

This element has a border color of #af81bd.

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

CSS codes

.text {color:#af81bd;}

.background {background-color:#af81bd;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0e0810
```
#0e0810 rgb(14,8,16)
```
#190f1c
```
#190f1c rgb(25,15,28)
```
#251629
```
#251629 rgb(37,22,41)
```
#301c36
```
#301c36 rgb(48,28,54)
```
#3c2343
```
#3c2343 rgb(60,35,67)
```
#472a50
```
#472a50 rgb(71,42,80)
```
#53315d
```
#53315d rgb(83,49,93)
```
#5e376a
```
#5e376a rgb(94,55,106)
```
#693e77
```
#693e77 rgb(105,62,119)
```
#754583
```
#754583 rgb(117,69,131)
```
#804c90
```
#804c90 rgb(128,76,144)
```
#8c529d
```
#8c529d rgb(140,82,157)
```

Shade Color Variation

#965aa9
```
#965aa9 rgb(150,90,169)
```
#9f67b0
```
#9f67b0 rgb(159,103,176)
```
#a774b6
```
#a774b6 rgb(167,116,182)
```
#af81bd
```
#af81bd rgb(175,129,189)
```
#b78ec4
```
#b78ec4 rgb(183,142,196)
```
#bf9bca
```
#bf9bca rgb(191,155,202)
```
#c8a8d1
```
#c8a8d1 rgb(200,168,209)
```
#d0b4d8
```
#d0b4d8 rgb(208,180,216)
```
#d8c1df
```
#d8c1df rgb(216,193,223)
```
#e0cee5
```
#e0cee5 rgb(224,206,229)
```
#e8dbec
```
#e8dbec rgb(232,219,236)
```
#f0e8f3
```
#f0e8f3 rgb(240,232,243)
```
#f9f5fa
```
#f9f5fa rgb(249,245,250)
```

Tint Color Variation

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

#9f9f9f
```
#9f9f9f rgb(159,159,159)
```
#a397a7
```
#a397a7 rgb(163,151,167)
```
#a790ae
```
#a790ae rgb(167,144,174)
```
#ab88b6
```
#ab88b6 rgb(171,136,182)
```
#af81bd
```
#af81bd rgb(175,129,189)
```
#b37ac4
```
#b37ac4 rgb(179,122,196)
```
#b772cc
```
#b772cc rgb(183,114,204)
```
#bb6bd3
```
#bb6bd3 rgb(187,107,211)
```
#bf63db
```
#bf63db rgb(191,99,219)
```
#c35ce2
```
#c35ce2 rgb(195,92,226)
```
#c755e9
```
#c755e9 rgb(199,85,233)
```
#cb4df1
```
#cb4df1 rgb(203,77,241)
```
#cf46f8
```
#cf46f8 rgb(207,70,248)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9b929e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8695c9 Protanopia 1% of men
#9094bc Deuteranopia 1% of men
#ac8f99 Tritanopia 0.001% of the population

Trichromacy

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

#af81bd hex color

#af81bd Color Information

#af81bd Color Conversion

Color Schemes with #af81bd

Alternatives to #af81bd

#af81bd Preview

Shades and Tints of #af81bd

Tones of #af81bd

Color Blindness Simulator