#af5bb4 hex color

In a RGB color space, hex #af5bb4 is composed of 68.6% red, 35.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 49.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 296.6 degrees, a saturation of 37.2% and a lightness of 53.1%. #af5bb4 color hex could be obtained by blending #ffb6ff with #5f0069. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 36
- B 71
RGB color chart
- C 3
- M 49
- Y 0
- K 29
CMYK color chart

● #af5bb4 color description : Slightly desaturated magenta.

The hexadecimal color #af5bb4 has RGB values of R:175, G:91, B:180 and CMYK values of C:0.03, M:0.49, Y:0, K:0.29. Its decimal value is 11492276.

Hex triplet	af5bb4	`#af5bb4`
RGB Decimal	175, 91, 180	`rgb(175,91,180)`
RGB Percent	68.6, 35.7, 70.6	`rgb(68.6%,35.7%,70.6%)`
CMYK	3, 49, 0, 29
HSL	296.6°, 37.2, 53.1	`hsl(296.6,37.2%,53.1%)`
HSV (or HSB)	296.6°, 49.4, 70.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.716, 47.255, -32.724
XYZ	29.658, 19.893, 45.455
xyY	0.312, 0.209, 19.893
CIE-LCH	51.716, 57.479, 325.297
CIE-LUV	51.716, 38.726, -55.687
Hunter-Lab	44.601, 40.642, -29.204
Binary	10101111, 01011011, 10110100

#af5bb4
```
#af5bb4 rgb(175,91,180)
```
#60b45b
```
#60b45b rgb(96,180,91)
```

Complementary Color

#835bb4
```
#835bb4 rgb(131,91,180)
```
#af5bb4
```
#af5bb4 rgb(175,91,180)
```
#b45b8d
```
#b45b8d rgb(180,91,141)
```

Analogous Color

#5bb483
```
#5bb483 rgb(91,180,131)
```
#af5bb4
```
#af5bb4 rgb(175,91,180)
```
#8db45b
```
#8db45b rgb(141,180,91)
```

Split Complementary Color

#5bb4af
```
#5bb4af rgb(91,180,175)
```
#af5bb4
```
#af5bb4 rgb(175,91,180)
```
#b4af5b
```
#b4af5b rgb(180,175,91)
```

Triadic Color

#5b60b4
```
#5b60b4 rgb(91,96,180)
```
#af5bb4
```
#af5bb4 rgb(175,91,180)
```
#b4af5b
```
#b4af5b rgb(180,175,91)
```
#60b45b
```
#60b45b rgb(96,180,91)
```

Tetradic Color

#813d85
```
#813d85 rgb(129,61,133)
```
#924597
```
#924597 rgb(146,69,151)
```
#a34da8
```
#a34da8 rgb(163,77,168)
```
#af5bb4
```
#af5bb4 rgb(175,91,180)
```
#b86cbc
```
#b86cbc rgb(184,108,188)
```
#c07ec4
```
#c07ec4 rgb(192,126,196)
```
#c98fcc
```
#c98fcc rgb(201,143,204)
```

Monochromatic Color

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

#995bb4
```
#995bb4 rgb(153,91,180)
```
#a05bb4
```
#a05bb4 rgb(160,91,180)
```
#a85bb4
```
#a85bb4 rgb(168,91,180)
```
#af5bb4
```
#af5bb4 rgb(175,91,180)
```
#b45bb2
```
#b45bb2 rgb(180,91,178)
```
#b45baa
```
#b45baa rgb(180,91,170)
```
#b45ba3
```
#b45ba3 rgb(180,91,163)
```

Similar Colors

Text with hexadecimal color #af5bb4

This text has a font color of #af5bb4.

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

#af5bb4 background color

This paragraph has a background color of #af5bb4.

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

#af5bb4 border color

This element has a border color of #af5bb4.

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

CSS codes

.text {color:#af5bb4;}

.background {background-color:#af5bb4;}

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

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

#0b050b
```
#0b050b rgb(11,5,11)
```
#180b18
```
#180b18 rgb(24,11,24)
```
#251126
```
#251126 rgb(37,17,38)
```
#321733
```
#321733 rgb(50,23,51)
```
#3f1e41
```
#3f1e41 rgb(63,30,65)
```
#4c244e
```
#4c244e rgb(76,36,78)
```
#592a5c
```
#592a5c rgb(89,42,92)
```
#663069
```
#663069 rgb(102,48,105)
```
#733677
```
#733677 rgb(115,54,119)
```
#803c84
```
#803c84 rgb(128,60,132)
```
#8d4392
```
#8d4392 rgb(141,67,146)
```
#9a499f
```
#9a499f rgb(154,73,159)
```
#a74fac
```
#a74fac rgb(167,79,172)
```

Shade Color Variation

#af5bb4
```
#af5bb4 rgb(175,91,180)
```
#b668ba
```
#b668ba rgb(182,104,186)
```
#bc76c0
```
#bc76c0 rgb(188,118,192)
```
#c383c6
```
#c383c6 rgb(195,131,198)
```
#c991cd
```
#c991cd rgb(201,145,205)
```
#d09ed3
```
#d09ed3 rgb(208,158,211)
```
#d6acd9
```
#d6acd9 rgb(214,172,217)
```
#ddb9df
```
#ddb9df rgb(221,185,223)
```
#e4c7e5
```
#e4c7e5 rgb(228,199,229)
```
#ead4eb
```
#ead4eb rgb(234,212,235)
```
#f1e2f2
```
#f1e2f2 rgb(241,226,242)
```
#f7eff8
```
#f7eff8 rgb(247,239,248)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#8e808f
```
#8e808f rgb(142,128,143)
```
#977798
```
#977798 rgb(151,119,152)
```
#9f6da2
```
#9f6da2 rgb(159,109,162)
```
#a764ab
```
#a764ab rgb(167,100,171)
```
#af5bb4
```
#af5bb4 rgb(175,91,180)
```
#b752bd
```
#b752bd rgb(183,82,189)
```
#bf49c6
```
#bf49c6 rgb(191,73,198)
```
#c73fd0
```
#c73fd0 rgb(199,63,208)
```
#d036d9
```
#d036d9 rgb(208,54,217)
```
#d82de2
```
#d82de2 rgb(216,45,226)
```
#e024eb
```
#e024eb rgb(224,36,235)
```
#e81bf4
```
#e81bf4 rgb(232,27,244)
```
#f011fe
```
#f011fe rgb(240,17,254)
```

Tone Color Variation

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

#607fcc Protanopia 1% of men
#7280af Deuteranopia 1% of men
#aa737a Tritanopia 0.001% of the population

Trichromacy

#7c72c3 Protanomaly 1% of men, 0.01% of women
#8873b0 Deuteranomaly 6% of men, 0.4% of women
#ab6a8f Tritanomaly 0.01% of the population

#af5bb4 hex color

#af5bb4 Color Information

#af5bb4 Color Conversion

Color Schemes with #af5bb4

Alternatives to #af5bb4

#af5bb4 Preview

Shades and Tints of #af5bb4

Tones of #af5bb4

Color Blindness Simulator