#af81bf hex color

In a RGB color space, hex #af81bf is composed of 68.6% red, 50.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 32.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 284.5 degrees, a saturation of 32.6% and a lightness of 62.7%. #af81bf color hex could be obtained by blending #ffffff with #5f037f. Closest websafe color is: #9999cc.

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

● #af81bf color description : Slightly desaturated violet.

The hexadecimal color #af81bf has RGB values of R:175, G:129, B:191 and CMYK values of C:0.08, M:0.32, Y:0, K:0.25. Its decimal value is 11502015.

Hex triplet	af81bf	`#af81bf`
RGB Decimal	175, 129, 191	`rgb(175,129,191)`
RGB Percent	68.6, 50.6, 74.9	`rgb(68.6%,50.6%,74.9%)`
CMYK	8, 32, 0, 25
HSL	284.5°, 32.6, 62.7	`hsl(284.5,32.6%,62.7%)`
HSV (or HSB)	284.5°, 32.5, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.406, 28.813, -25.555
XYZ	34.932, 28.577, 52.963
xyY	0.3, 0.245, 28.577
CIE-LCH	60.406, 38.513, 318.429
CIE-LUV	60.406, 20.915, -43.316
Hunter-Lab	53.457, 23.092, -21.322
Binary	10101111, 10000001, 10111111

#af81bf
```
#af81bf rgb(175,129,191)
```
#91bf81
```
#91bf81 rgb(145,191,129)
```

Complementary Color

#9081bf
```
#9081bf rgb(144,129,191)
```
#af81bf
```
#af81bf rgb(175,129,191)
```
#bf81b0
```
#bf81b0 rgb(191,129,176)
```

Analogous Color

#81bf90
```
#81bf90 rgb(129,191,144)
```
#af81bf
```
#af81bf rgb(175,129,191)
```
#b0bf81
```
#b0bf81 rgb(176,191,129)
```

Split Complementary Color

#81bfaf
```
#81bfaf rgb(129,191,175)
```
#af81bf
```
#af81bf rgb(175,129,191)
```
#bfaf81
```
#bfaf81 rgb(191,175,129)
```

Triadic Color

#8191bf
```
#8191bf rgb(129,145,191)
```
#af81bf
```
#af81bf rgb(175,129,191)
```
#bfaf81
```
#bfaf81 rgb(191,175,129)
```
#91bf81
```
#91bf81 rgb(145,191,129)
```

Tetradic Color

#8d52a1
```
#8d52a1 rgb(141,82,161)
```
#9a5fae
```
#9a5fae rgb(154,95,174)
```
#a470b6
```
#a470b6 rgb(164,112,182)
```
#af81bf
```
#af81bf rgb(175,129,191)
```
#ba92c8
```
#ba92c8 rgb(186,146,200)
```
#c4a3d0
```
#c4a3d0 rgb(196,163,208)
```
#cfb4d9
```
#cfb4d9 rgb(207,180,217)
```

Monochromatic Color

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

#a081bf
```
#a081bf rgb(160,129,191)
```
#a581bf
```
#a581bf rgb(165,129,191)
```
#aa81bf
```
#aa81bf rgb(170,129,191)
```
#af81bf
```
#af81bf rgb(175,129,191)
```
#b481bf
```
#b481bf rgb(180,129,191)
```
#b981bf
```
#b981bf rgb(185,129,191)
```
#bf81bf
```
#bf81bf rgb(191,129,191)
```

Similar Colors

Text with hexadecimal color #af81bf

This text has a font color of #af81bf.

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

#af81bf background color

This paragraph has a background color of #af81bf.

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

#af81bf border color

This element has a border color of #af81bf.

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

CSS codes

.text {color:#af81bf;}

.background {background-color:#af81bf;}

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

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

#040204
```
#040204 rgb(4,2,4)
```
#0f0911
```
#0f0911 rgb(15,9,17)
```
#1a0f1e
```
#1a0f1e rgb(26,15,30)
```
#26162b
```
#26162b rgb(38,22,43)
```
#311d38
```
#311d38 rgb(49,29,56)
```
#3c2345
```
#3c2345 rgb(60,35,69)
```
#482a52
```
#482a52 rgb(72,42,82)
```
#53305f
```
#53305f rgb(83,48,95)
```
#5e376c
```
#5e376c rgb(94,55,108)
```
#6a3e79
```
#6a3e79 rgb(106,62,121)
```
#754486
```
#754486 rgb(117,68,134)
```
#804b93
```
#804b93 rgb(128,75,147)
```
#8c51a0
```
#8c51a0 rgb(140,81,160)
```

Shade Color Variation

#965aab
```
#965aab rgb(150,90,171)
```
#9e67b2
```
#9e67b2 rgb(158,103,178)
```
#a774b8
```
#a774b8 rgb(167,116,184)
```
#af81bf
```
#af81bf rgb(175,129,191)
```
#b78ec6
```
#b78ec6 rgb(183,142,198)
```
#c09bcc
```
#c09bcc rgb(192,155,204)
```
#c8a8d3
```
#c8a8d3 rgb(200,168,211)
```
#d0b5d9
```
#d0b5d9 rgb(208,181,217)
```
#d8c2e0
```
#d8c2e0 rgb(216,194,224)
```
#e1cfe7
```
#e1cfe7 rgb(225,207,231)
```
#e9dced
```
#e9dced rgb(233,220,237)
```
#f1e9f4
```
#f1e9f4 rgb(241,233,244)
```
#f9f6fa
```
#f9f6fa rgb(249,246,250)
```

Tint Color Variation

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

#a19ea2
```
#a19ea2 rgb(161,158,162)
```
#a497a9
```
#a497a9 rgb(164,151,169)
```
#a890b0
```
#a890b0 rgb(168,144,176)
```
#ab88b8
```
#ab88b8 rgb(171,136,184)
```
#af81bf
```
#af81bf rgb(175,129,191)
```
#b37ac6
```
#b37ac6 rgb(179,122,198)
```
#b672ce
```
#b672ce rgb(182,114,206)
```
#ba6bd5
```
#ba6bd5 rgb(186,107,213)
```
#bd64dc
```
#bd64dc rgb(189,100,220)
```
#c15ce4
```
#c15ce4 rgb(193,92,228)
```
#c455eb
```
#c455eb rgb(196,85,235)
```
#c84ef2
```
#c84ef2 rgb(200,78,242)
```
#cb47f9
```
#cb47f9 rgb(203,71,249)
```

Tone Color Variation

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

#8595cb Protanopia 1% of men
#8f94be Deuteranopia 1% of men
#ac8f9a Tritanopia 0.001% of the population

Trichromacy

#948ec7 Protanomaly 1% of men, 0.01% of women
#9b8dbe Deuteranomaly 6% of men, 0.4% of women
#ad8aa7 Tritanomaly 0.01% of the population

#af81bf hex color

#af81bf Color Information

#af81bf Color Conversion

Color Schemes with #af81bf

Alternatives to #af81bf

#af81bf Preview

Shades and Tints of #af81bf

Tones of #af81bf

Color Blindness Simulator