#af7fbb hex color

In a RGB color space, hex #af7fbb is composed of 68.6% red, 49.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 32.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 288 degrees, a saturation of 30.6% and a lightness of 61.6%. #af7fbb color hex could be obtained by blending #fffeff with #5f0077. Closest websafe color is: #9966cc.

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

● #af7fbb color description : Slightly desaturated magenta.

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

Hex triplet	af7fbb	`#af7fbb`
RGB Decimal	175, 127, 187	`rgb(175,127,187)`
RGB Percent	68.6, 49.8, 73.3	`rgb(68.6%,49.8%,73.3%)`
CMYK	6, 32, 0, 27
HSL	288°, 30.6, 61.6	`hsl(288,30.6%,61.6%)`
HSV (or HSB)	288°, 32.1, 73.3
Web Safe	9966cc	`#9966cc`

CIE-LAB	59.781, 29.115, -24.246
XYZ	34.237, 27.881, 50.589
xyY	0.304, 0.247, 27.881
CIE-LCH	59.781, 37.889, 320.213
CIE-LUV	59.781, 22.391, -41.221
Hunter-Lab	52.803, 23.333, -19.842
Binary	10101111, 01111111, 10111011

#af7fbb
```
#af7fbb rgb(175,127,187)
```
#8bbb7f
```
#8bbb7f rgb(139,187,127)
```

Complementary Color

#917fbb
```
#917fbb rgb(145,127,187)
```
#af7fbb
```
#af7fbb rgb(175,127,187)
```
#bb7fa9
```
#bb7fa9 rgb(187,127,169)
```

Analogous Color

#7fbb91
```
#7fbb91 rgb(127,187,145)
```
#af7fbb
```
#af7fbb rgb(175,127,187)
```
#a9bb7f
```
#a9bb7f rgb(169,187,127)
```

Split Complementary Color

#7fbbaf
```
#7fbbaf rgb(127,187,175)
```
#af7fbb
```
#af7fbb rgb(175,127,187)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```

Triadic Color

#7f8bbb
```
#7f8bbb rgb(127,139,187)
```
#af7fbb
```
#af7fbb rgb(175,127,187)
```
#bbaf7f
```
#bbaf7f rgb(187,175,127)
```
#8bbb7f
```
#8bbb7f rgb(139,187,127)
```

Tetradic Color

#8d529b
```
#8d529b rgb(141,82,155)
```
#9a5ea9
```
#9a5ea9 rgb(154,94,169)
```
#a56eb2
```
#a56eb2 rgb(165,110,178)
```
#af7fbb
```
#af7fbb rgb(175,127,187)
```
#b990c4
```
#b990c4 rgb(185,144,196)
```
#c4a0cd
```
#c4a0cd rgb(196,160,205)
```
#ceb1d6
```
#ceb1d6 rgb(206,177,214)
```

Monochromatic Color

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

#a07fbb
```
#a07fbb rgb(160,127,187)
```
#a57fbb
```
#a57fbb rgb(165,127,187)
```
#aa7fbb
```
#aa7fbb rgb(170,127,187)
```
#af7fbb
```
#af7fbb rgb(175,127,187)
```
#b47fbb
```
#b47fbb rgb(180,127,187)
```
#b97fbb
```
#b97fbb rgb(185,127,187)
```
#bb7fb8
```
#bb7fb8 rgb(187,127,184)
```

Similar Colors

Text with hexadecimal color #af7fbb

This text has a font color of #af7fbb.

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

#af7fbb background color

This paragraph has a background color of #af7fbb.

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

#af7fbb border color

This element has a border color of #af7fbb.

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

CSS codes

.text {color:#af7fbb;}

.background {background-color:#af7fbb;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c070d
```
#0c070d rgb(12,7,13)
```
#170e1a
```
#170e1a rgb(23,14,26)
```
#231427
```
#231427 rgb(35,20,39)
```
#2f1b33
```
#2f1b33 rgb(47,27,51)
```
#3a2240
```
#3a2240 rgb(58,34,64)
```
#46294d
```
#46294d rgb(70,41,77)
```
#51305a
```
#51305a rgb(81,48,90)
```
#5d3667
```
#5d3667 rgb(93,54,103)
```
#693d73
```
#693d73 rgb(105,61,115)
```
#744480
```
#744480 rgb(116,68,128)
```
#804b8d
```
#804b8d rgb(128,75,141)
```
#8b529a
```
#8b529a rgb(139,82,154)
```

Shade Color Variation

#9759a7
```
#9759a7 rgb(151,89,167)
```
#9f65ad
```
#9f65ad rgb(159,101,173)
```
#a772b4
```
#a772b4 rgb(167,114,180)
```
#af7fbb
```
#af7fbb rgb(175,127,187)
```
#b78cc2
```
#b78cc2 rgb(183,140,194)
```
#bf99c9
```
#bf99c9 rgb(191,153,201)
```
#c7a5cf
```
#c7a5cf rgb(199,165,207)
```
#cfb2d6
```
#cfb2d6 rgb(207,178,214)
```
#d7bfdd
```
#d7bfdd rgb(215,191,221)
```
#dfcce4
```
#dfcce4 rgb(223,204,228)
```
#e7d9eb
```
#e7d9eb rgb(231,217,235)
```
#efe5f1
```
#efe5f1 rgb(239,229,241)
```
#f7f2f8
```
#f7f2f8 rgb(247,242,248)
```

Tint Color Variation

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

#a196a4
```
#a196a4 rgb(161,150,164)
```
#a68eac
```
#a68eac rgb(166,142,172)
```
#aa87b3
```
#aa87b3 rgb(170,135,179)
```
#af7fbb
```
#af7fbb rgb(175,127,187)
```
#b477c3
```
#b477c3 rgb(180,119,195)
```
#b870ca
```
#b870ca rgb(184,112,202)
```
#bd68d2
```
#bd68d2 rgb(189,104,210)
```
#c161d9
```
#c161d9 rgb(193,97,217)
```
#c659e1
```
#c659e1 rgb(198,89,225)
```
#ca52e8
```
#ca52e8 rgb(202,82,232)
```
#cf4af0
```
#cf4af0 rgb(207,74,240)
```
#d343f7
```
#d343f7 rgb(211,67,247)
```
#d83bff
```
#d83bff rgb(216,59,255)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#99909c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8593c8 Protanopia 1% of men
#8f93ba Deuteranopia 1% of men
#ac8d97 Tritanopia 0.001% of the population

Trichromacy

#948cc3 Protanomaly 1% of men, 0.01% of women
#9a8bba Deuteranomaly 6% of men, 0.4% of women
#ad88a4 Tritanomaly 0.01% of the population

#af7fbb hex color

#af7fbb Color Information

#af7fbb Color Conversion

Color Schemes with #af7fbb

Alternatives to #af7fbb

#af7fbb Preview

Shades and Tints of #af7fbb

Tones of #af7fbb

Color Blindness Simulator