#af5fbb hex color

In a RGB color space, hex #af5fbb is composed of 68.6% red, 37.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 49.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 292.2 degrees, a saturation of 40.4% and a lightness of 55.3%. #af5fbb color hex could be obtained by blending #ffbeff with #5f0077. Closest websafe color is: #9966cc.

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

● #af5fbb color description : Slightly desaturated magenta.

The hexadecimal color #af5fbb has RGB values of R:175, G:95, B:187 and CMYK values of C:0.06, M:0.49, Y:0, K:0.27. Its decimal value is 11493307.

Hex triplet	af5fbb	`#af5fbb`
RGB Decimal	175, 95, 187	`rgb(175,95,187)`
RGB Percent	68.6, 37.3, 73.3	`rgb(68.6%,37.3%,73.3%)`
CMYK	6, 49, 0, 27
HSL	292.2°, 40.4, 55.3	`hsl(292.2,40.4%,55.3%)`
HSV (or HSB)	292.2°, 49.2, 73.3
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.826, 46.545, -35.039
XYZ	30.74, 20.887, 49.423
xyY	0.304, 0.207, 20.887
CIE-LCH	52.826, 58.26, 323.027
CIE-LUV	52.826, 35.653, -59.402
Hunter-Lab	45.703, 40.081, -32.125
Binary	10101111, 01011111, 10111011

#af5fbb
```
#af5fbb rgb(175,95,187)
```
#6bbb5f
```
#6bbb5f rgb(107,187,95)
```

Complementary Color

#815fbb
```
#815fbb rgb(129,95,187)
```
#af5fbb
```
#af5fbb rgb(175,95,187)
```
#bb5f99
```
#bb5f99 rgb(187,95,153)
```

Analogous Color

#5fbb81
```
#5fbb81 rgb(95,187,129)
```
#af5fbb
```
#af5fbb rgb(175,95,187)
```
#99bb5f
```
#99bb5f rgb(153,187,95)
```

Split Complementary Color

#5fbbaf
```
#5fbbaf rgb(95,187,175)
```
#af5fbb
```
#af5fbb rgb(175,95,187)
```
#bbaf5f
```
#bbaf5f rgb(187,175,95)
```

Triadic Color

#5f6bbb
```
#5f6bbb rgb(95,107,187)
```
#af5fbb
```
#af5fbb rgb(175,95,187)
```
#bbaf5f
```
#bbaf5f rgb(187,175,95)
```
#6bbb5f
```
#6bbb5f rgb(107,187,95)
```

Tetradic Color

#853d90
```
#853d90 rgb(133,61,144)
```
#9645a2
```
#9645a2 rgb(150,69,162)
```
#a64db3
```
#a64db3 rgb(166,77,179)
```
#af5fbb
```
#af5fbb rgb(175,95,187)
```
#b871c3
```
#b871c3 rgb(184,113,195)
```
#c183ca
```
#c183ca rgb(193,131,202)
```
#ca95d2
```
#ca95d2 rgb(202,149,210)
```

Monochromatic Color

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

#985fbb
```
#985fbb rgb(152,95,187)
```
#a05fbb
```
#a05fbb rgb(160,95,187)
```
#a75fbb
```
#a75fbb rgb(167,95,187)
```
#af5fbb
```
#af5fbb rgb(175,95,187)
```
#b75fbb
```
#b75fbb rgb(183,95,187)
```
#bb5fb8
```
#bb5fb8 rgb(187,95,184)
```
#bb5fb0
```
#bb5fb0 rgb(187,95,176)
```

Similar Colors

Text with hexadecimal color #af5fbb

This text has a font color of #af5fbb.

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

#af5fbb background color

This paragraph has a background color of #af5fbb.

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

#af5fbb border color

This element has a border color of #af5fbb.

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

CSS codes

.text {color:#af5fbb;}

.background {background-color:#af5fbb;}

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

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

#050205
```
#050205 rgb(5,2,5)
```
#120813
```
#120813 rgb(18,8,19)
```
#1e0e21
```
#1e0e21 rgb(30,14,33)
```
#2b142e
```
#2b142e rgb(43,20,46)
```
#381a3c
```
#381a3c rgb(56,26,60)
```
#441f4a
```
#441f4a rgb(68,31,74)
```
#512558
```
#512558 rgb(81,37,88)
```
#5e2b66
```
#5e2b66 rgb(94,43,102)
```
#6b3173
```
#6b3173 rgb(107,49,115)
```
#773781
```
#773781 rgb(119,55,129)
```
#843d8f
```
#843d8f rgb(132,61,143)
```
#91439d
```
#91439d rgb(145,67,157)
```
#9e48aa
```
#9e48aa rgb(158,72,170)
```

Shade Color Variation

#a851b5
```
#a851b5 rgb(168,81,181)
```
#af5fbb
```
#af5fbb rgb(175,95,187)
```
#b66dc1
```
#b66dc1 rgb(182,109,193)
```
#bd7bc7
```
#bd7bc7 rgb(189,123,199)
```
#c488cd
```
#c488cd rgb(196,136,205)
```
#cb96d2
```
#cb96d2 rgb(203,150,210)
```
#d1a4d8
```
#d1a4d8 rgb(209,164,216)
```
#d8b2de
```
#d8b2de rgb(216,178,222)
```
#dfbfe4
```
#dfbfe4 rgb(223,191,228)
```
#e6cdea
```
#e6cdea rgb(230,205,234)
```
#eddbf0
```
#eddbf0 rgb(237,219,240)
```
#f4e9f6
```
#f4e9f6 rgb(244,233,246)
```
#fbf6fb
```
#fbf6fb rgb(251,246,251)
```

Tint Color Variation

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

#8f8b8f
```
#8f8b8f rgb(143,139,143)
```
#958298
```
#958298 rgb(149,130,152)
```
#9c79a1
```
#9c79a1 rgb(156,121,161)
```
#a271a9
```
#a271a9 rgb(162,113,169)
```
#a968b2
```
#a968b2 rgb(169,104,178)
```
#af5fbb
```
#af5fbb rgb(175,95,187)
```
#b556c4
```
#b556c4 rgb(181,86,196)
```
#bc4dcd
```
#bc4dcd rgb(188,77,205)
```
#c245d5
```
#c245d5 rgb(194,69,213)
```
#c93cde
```
#c93cde rgb(201,60,222)
```
#cf33e7
```
#cf33e7 rgb(207,51,231)
```
#d62af0
```
#d62af0 rgb(214,42,240)
```
#dc22f8
```
#dc22f8 rgb(220,34,248)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8a7a8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6082d2 Protanopia 1% of men
#7183b5 Deuteranopia 1% of men
#a9777f Tritanopia 0.001% of the population

Trichromacy

#7d75c9 Protanomaly 1% of men, 0.01% of women
#8876b7 Deuteranomaly 6% of men, 0.4% of women
#ab6e95 Tritanomaly 0.01% of the population

#af5fbb hex color

#af5fbb Color Information

#af5fbb Color Conversion

Color Schemes with #af5fbb

Alternatives to #af5fbb

#af5fbb Preview

Shades and Tints of #af5fbb

Tones of #af5fbb

Color Blindness Simulator