#af5bb3 hex color

In a RGB color space, hex #af5bb3 is composed of 68.6% red, 35.7% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 49.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 297.3 degrees, a saturation of 36.7% and a lightness of 52.9%. #af5bb3 color hex could be obtained by blending #ffb6ff with #5f0067. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 36
- B 70
RGB color chart
- C 2
- M 49
- Y 0
- K 30
CMYK color chart

● #af5bb3 color description : Slightly desaturated magenta.

The hexadecimal color #af5bb3 has RGB values of R:175, G:91, B:179 and CMYK values of C:0.02, M:0.49, Y:0, K:0.3. Its decimal value is 11492275.

Hex triplet	af5bb3	`#af5bb3`
RGB Decimal	175, 91, 179	`rgb(175,91,179)`
RGB Percent	68.6, 35.7, 70.2	`rgb(68.6%,35.7%,70.2%)`
CMYK	2, 49, 0, 30
HSL	297.3°, 36.7, 52.9	`hsl(297.3,36.7%,52.9%)`
HSV (or HSB)	297.3°, 49.2, 70.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.67, 47.066, -32.216
XYZ	29.556, 19.852, 44.92
xyY	0.313, 0.21, 19.852
CIE-LCH	51.67, 57.035, 325.609
CIE-LUV	51.67, 38.961, -54.871
Hunter-Lab	44.556, 40.436, -28.586
Binary	10101111, 01011011, 10110011

#af5bb3
```
#af5bb3 rgb(175,91,179)
```
#5fb35b
```
#5fb35b rgb(95,179,91)
```

Complementary Color

#835bb3
```
#835bb3 rgb(131,91,179)
```
#af5bb3
```
#af5bb3 rgb(175,91,179)
```
#b35b8b
```
#b35b8b rgb(179,91,139)
```

Analogous Color

#5bb383
```
#5bb383 rgb(91,179,131)
```
#af5bb3
```
#af5bb3 rgb(175,91,179)
```
#8bb35b
```
#8bb35b rgb(139,179,91)
```

Split Complementary Color

#5bb3af
```
#5bb3af rgb(91,179,175)
```
#af5bb3
```
#af5bb3 rgb(175,91,179)
```
#b3af5b
```
#b3af5b rgb(179,175,91)
```

Triadic Color

#5b5fb3
```
#5b5fb3 rgb(91,95,179)
```
#af5bb3
```
#af5bb3 rgb(175,91,179)
```
#b3af5b
```
#b3af5b rgb(179,175,91)
```
#5fb35b
```
#5fb35b rgb(95,179,91)
```

Tetradic Color

#813d84
```
#813d84 rgb(129,61,132)
```
#924596
```
#924596 rgb(146,69,150)
```
#a34da7
```
#a34da7 rgb(163,77,167)
```
#af5bb3
```
#af5bb3 rgb(175,91,179)
```
#b86cbb
```
#b86cbb rgb(184,108,187)
```
#c07ec3
```
#c07ec3 rgb(192,126,195)
```
#c98fcb
```
#c98fcb rgb(201,143,203)
```

Monochromatic Color

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

#995bb3
```
#995bb3 rgb(153,91,179)
```
#a05bb3
```
#a05bb3 rgb(160,91,179)
```
#a85bb3
```
#a85bb3 rgb(168,91,179)
```
#af5bb3
```
#af5bb3 rgb(175,91,179)
```
#b35bb0
```
#b35bb0 rgb(179,91,176)
```
#b35ba8
```
#b35ba8 rgb(179,91,168)
```
#b35ba1
```
#b35ba1 rgb(179,91,161)
```

Similar Colors

Text with hexadecimal color #af5bb3

This text has a font color of #af5bb3.

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

#af5bb3 background color

This paragraph has a background color of #af5bb3.

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

#af5bb3 border color

This element has a border color of #af5bb3.

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

CSS codes

.text {color:#af5bb3;}

.background {background-color:#af5bb3;}

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

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, #0a050a is the darkest color, while #fdfcfe is the lightest one.

#0a050a
```
#0a050a rgb(10,5,10)
```
#170b18
```
#170b18 rgb(23,11,24)
```
#241125
```
#241125 rgb(36,17,37)
```
#311732
```
#311732 rgb(49,23,50)
```
#3e1e40
```
#3e1e40 rgb(62,30,64)
```
#4b244d
```
#4b244d rgb(75,36,77)
```
#582a5b
```
#582a5b rgb(88,42,91)
```
#663068
```
#663068 rgb(102,48,104)
```
#733675
```
#733675 rgb(115,54,117)
```
#803d83
```
#803d83 rgb(128,61,131)
```
#8d4390
```
#8d4390 rgb(141,67,144)
```
#9a499e
```
#9a499e rgb(154,73,158)
```
#a74fab
```
#a74fab rgb(167,79,171)
```

Shade Color Variation

#af5bb3
```
#af5bb3 rgb(175,91,179)
```
#b668b9
```
#b668b9 rgb(182,104,185)
```
#bc76bf
```
#bc76bf rgb(188,118,191)
```
#c383c6
```
#c383c6 rgb(195,131,198)
```
#c991cc
```
#c991cc rgb(201,145,204)
```
#d09ed2
```
#d09ed2 rgb(208,158,210)
```
#d6abd8
```
#d6abd8 rgb(214,171,216)
```
#ddb9de
```
#ddb9de rgb(221,185,222)
```
#e3c6e5
```
#e3c6e5 rgb(227,198,229)
```
#ead4eb
```
#ead4eb rgb(234,212,235)
```
#f0e1f1
```
#f0e1f1 rgb(240,225,241)
```
#f7eef7
```
#f7eef7 rgb(247,238,247)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#8d808e
```
#8d808e rgb(141,128,142)
```
#967797
```
#967797 rgb(150,119,151)
```
#9e6da1
```
#9e6da1 rgb(158,109,161)
```
#a764aa
```
#a764aa rgb(167,100,170)
```
#af5bb3
```
#af5bb3 rgb(175,91,179)
```
#b752bc
```
#b752bc rgb(183,82,188)
```
#c049c5
```
#c049c5 rgb(192,73,197)
```
#c83fcf
```
#c83fcf rgb(200,63,207)
```
#d136d8
```
#d136d8 rgb(209,54,216)
```
#d92de1
```
#d92de1 rgb(217,45,225)
```
#e124ea
```
#e124ea rgb(225,36,234)
```
#ea1af4
```
#ea1af4 rgb(234,26,244)
```
#f211fd
```
#f211fd rgb(242,17,253)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887789 Atypical Achromatopsia 0.001% of the population

Dichromacy

#607fcb Protanopia 1% of men
#7280ae Deuteranopia 1% of men
#aa727a Tritanopia 0.001% of the population

Trichromacy

#7d72c2 Protanomaly 1% of men, 0.01% of women
#8872af Deuteranomaly 6% of men, 0.4% of women
#ac6a8f Tritanomaly 0.01% of the population

#af5bb3 hex color

#af5bb3 Color Information

#af5bb3 Color Conversion

Color Schemes with #af5bb3

Alternatives to #af5bb3

#af5bb3 Preview

Shades and Tints of #af5bb3

Tones of #af5bb3

Color Blindness Simulator