#af80bb hex color

In a RGB color space, hex #af80bb is composed of 68.6% red, 50.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 31.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 287.8 degrees, a saturation of 30.3% and a lightness of 61.8%. #af80bb color hex could be obtained by blending #ffffff with #5f0177. Closest websafe color is: #9999cc.

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

● #af80bb color description : Slightly desaturated magenta.

The hexadecimal color #af80bb has RGB values of R:175, G:128, B:187 and CMYK values of C:0.06, M:0.32, Y:0, K:0.27. Its decimal value is 11501755.

Hex triplet	af80bb	`#af80bb`
RGB Decimal	175, 128, 187	`rgb(175,128,187)`
RGB Percent	68.6, 50.2, 73.3	`rgb(68.6%,50.2%,73.3%)`
CMYK	6, 32, 0, 27
HSL	287.8°, 30.3, 61.8	`hsl(287.8,30.3%,61.8%)`
HSV (or HSB)	287.8°, 31.6, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.016, 28.553, -23.886
XYZ	34.367, 28.141, 50.632
xyY	0.304, 0.249, 28.141
CIE-LCH	60.016, 37.227, 320.086
CIE-LUV	60.016, 21.937, -40.598
Hunter-Lab	53.048, 22.806, -19.456
Binary	10101111, 10000000, 10111011

#af80bb
```
#af80bb rgb(175,128,187)
```
#8cbb80
```
#8cbb80 rgb(140,187,128)
```

Complementary Color

#9280bb
```
#9280bb rgb(146,128,187)
```
#af80bb
```
#af80bb rgb(175,128,187)
```
#bb80aa
```
#bb80aa rgb(187,128,170)
```

Analogous Color

#80bb92
```
#80bb92 rgb(128,187,146)
```
#af80bb
```
#af80bb rgb(175,128,187)
```
#aabb80
```
#aabb80 rgb(170,187,128)
```

Split Complementary Color

#80bbaf
```
#80bbaf rgb(128,187,175)
```
#af80bb
```
#af80bb rgb(175,128,187)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```

Triadic Color

#808cbb
```
#808cbb rgb(128,140,187)
```
#af80bb
```
#af80bb rgb(175,128,187)
```
#bbaf80
```
#bbaf80 rgb(187,175,128)
```
#8cbb80
```
#8cbb80 rgb(140,187,128)
```

Tetradic Color

#8d539b
```
#8d539b rgb(141,83,155)
```
#9a5fa9
```
#9a5fa9 rgb(154,95,169)
```
#a56fb2
```
#a56fb2 rgb(165,111,178)
```
#af80bb
```
#af80bb rgb(175,128,187)
```
#b991c4
```
#b991c4 rgb(185,145,196)
```
#c4a1cd
```
#c4a1cd rgb(196,161,205)
```
#ceb2d6
```
#ceb2d6 rgb(206,178,214)
```

Monochromatic Color

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

#a080bb
```
#a080bb rgb(160,128,187)
```
#a580bb
```
#a580bb rgb(165,128,187)
```
#aa80bb
```
#aa80bb rgb(170,128,187)
```
#af80bb
```
#af80bb rgb(175,128,187)
```
#b480bb
```
#b480bb rgb(180,128,187)
```
#b980bb
```
#b980bb rgb(185,128,187)
```
#bb80b8
```
#bb80b8 rgb(187,128,184)
```

Similar Colors

Text with hexadecimal color #af80bb

This text has a font color of #af80bb.

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

#af80bb background color

This paragraph has a background color of #af80bb.

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

#af80bb border color

This element has a border color of #af80bb.

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

CSS codes

.text {color:#af80bb;}

.background {background-color:#af80bb;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0c070e
```
#0c070e rgb(12,7,14)
```
#180e1a
```
#180e1a rgb(24,14,26)
```
#231527
```
#231527 rgb(35,21,39)
```
#2f1c34
```
#2f1c34 rgb(47,28,52)
```
#3b2341
```
#3b2341 rgb(59,35,65)
```
#46294d
```
#46294d rgb(70,41,77)
```
#52305a
```
#52305a rgb(82,48,90)
```
#5d3767
```
#5d3767 rgb(93,55,103)
```
#693e74
```
#693e74 rgb(105,62,116)
```
#744581
```
#744581 rgb(116,69,129)
```
#804c8d
```
#804c8d rgb(128,76,141)
```
#8b529a
```
#8b529a rgb(139,82,154)
```

Shade Color Variation

#975aa6
```
#975aa6 rgb(151,90,166)
```
#9f66ad
```
#9f66ad rgb(159,102,173)
```
#a773b4
```
#a773b4 rgb(167,115,180)
```
#af80bb
```
#af80bb rgb(175,128,187)
```
#b78dc2
```
#b78dc2 rgb(183,141,194)
```
#bf9ac9
```
#bf9ac9 rgb(191,154,201)
```
#c7a6d0
```
#c7a6d0 rgb(199,166,208)
```
#cfb3d6
```
#cfb3d6 rgb(207,179,214)
```
#d7c0dd
```
#d7c0dd rgb(215,192,221)
```
#dfcde4
```
#dfcde4 rgb(223,205,228)
```
#e7d9eb
```
#e7d9eb rgb(231,217,235)
```
#efe6f2
```
#efe6f2 rgb(239,230,242)
```
#f7f3f9
```
#f7f3f9 rgb(247,243,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 #d73dff is the most saturated one.

#a297a5
```
#a297a5 rgb(162,151,165)
```
#a68fac
```
#a68fac rgb(166,143,172)
```
#ab88b4
```
#ab88b4 rgb(171,136,180)
```
#af80bb
```
#af80bb rgb(175,128,187)
```
#b379c3
```
#b379c3 rgb(179,121,195)
```
#b871ca
```
#b871ca rgb(184,113,202)
```
#bc6ad2
```
#bc6ad2 rgb(188,106,210)
```
#c162d9
```
#c162d9 rgb(193,98,217)
```
#c55be1
```
#c55be1 rgb(197,91,225)
```
#ca53e8
```
#ca53e8 rgb(202,83,232)
```
#ce4cf0
```
#ce4cf0 rgb(206,76,240)
```
#d344f7
```
#d344f7 rgb(211,68,247)
```
#d73dff
```
#d73dff rgb(215,61,255)
```

Tone Color Variation

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

#8694c7 Protanopia 1% of men
#9093ba Deuteranopia 1% of men
#ac8e98 Tritanopia 0.001% of the population

Trichromacy

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

#af80bb hex color

#af80bb Color Information

#af80bb Color Conversion

Color Schemes with #af80bb

Alternatives to #af80bb

#af80bb Preview

Shades and Tints of #af80bb

Tones of #af80bb

Color Blindness Simulator