#af5bb8 hex color

In a RGB color space, hex #af5bb8 is composed of 68.6% red, 35.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 50.5% magenta, 0% yellow and 27.8% black. It has a hue angle of 294.2 degrees, a saturation of 39.6% and a lightness of 53.9%. #af5bb8 color hex could be obtained by blending #ffb6ff with #5f0071. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 36
- B 72
RGB color chart
- C 5
- M 51
- Y 0
- K 28
CMYK color chart

● #af5bb8 color description : Moderate magenta.

The hexadecimal color #af5bb8 has RGB values of R:175, G:91, B:184 and CMYK values of C:0.05, M:0.51, Y:0, K:0.28. Its decimal value is 11492280.

Hex triplet	af5bb8	`#af5bb8`
RGB Decimal	175, 91, 184	`rgb(175,91,184)`
RGB Percent	68.6, 35.7, 72.2	`rgb(68.6%,35.7%,72.2%)`
CMYK	5, 51, 0, 28
HSL	294.2°, 39.6, 53.9	`hsl(294.2,39.6%,53.9%)`
HSV (or HSB)	294.2°, 50.5, 72.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.903, 48.017, -34.751
XYZ	30.071, 20.058, 47.632
xyY	0.308, 0.205, 20.058
CIE-LCH	51.903, 59.273, 324.105
CIE-LUV	51.903, 37.792, -58.943
Hunter-Lab	44.786, 41.475, -31.707
Binary	10101111, 01011011, 10111000

#af5bb8
```
#af5bb8 rgb(175,91,184)
```
#64b85b
```
#64b85b rgb(100,184,91)
```

Complementary Color

#815bb8
```
#815bb8 rgb(129,91,184)
```
#af5bb8
```
#af5bb8 rgb(175,91,184)
```
#b85b93
```
#b85b93 rgb(184,91,147)
```

Analogous Color

#5bb881
```
#5bb881 rgb(91,184,129)
```
#af5bb8
```
#af5bb8 rgb(175,91,184)
```
#93b85b
```
#93b85b rgb(147,184,91)
```

Split Complementary Color

#5bb8af
```
#5bb8af rgb(91,184,175)
```
#af5bb8
```
#af5bb8 rgb(175,91,184)
```
#b8af5b
```
#b8af5b rgb(184,175,91)
```

Triadic Color

#5b64b8
```
#5b64b8 rgb(91,100,184)
```
#af5bb8
```
#af5bb8 rgb(175,91,184)
```
#b8af5b
```
#b8af5b rgb(184,175,91)
```
#64b85b
```
#64b85b rgb(100,184,91)
```

Tetradic Color

#833c8b
```
#833c8b rgb(131,60,139)
```
#94449c
```
#94449c rgb(148,68,156)
```
#a54bae
```
#a54bae rgb(165,75,174)
```
#af5bb8
```
#af5bb8 rgb(175,91,184)
```
#b86dc0
```
#b86dc0 rgb(184,109,192)
```
#c07fc7
```
#c07fc7 rgb(192,127,199)
```
#c990cf
```
#c990cf rgb(201,144,207)
```

Monochromatic Color

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

#985bb8
```
#985bb8 rgb(152,91,184)
```
#a05bb8
```
#a05bb8 rgb(160,91,184)
```
#a75bb8
```
#a75bb8 rgb(167,91,184)
```
#af5bb8
```
#af5bb8 rgb(175,91,184)
```
#b75bb8
```
#b75bb8 rgb(183,91,184)
```
#b85bb2
```
#b85bb2 rgb(184,91,178)
```
#b85baa
```
#b85baa rgb(184,91,170)
```

Similar Colors

Text with hexadecimal color #af5bb8

This text has a font color of #af5bb8.

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

#af5bb8 background color

This paragraph has a background color of #af5bb8.

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

#af5bb8 border color

This element has a border color of #af5bb8.

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

CSS codes

.text {color:#af5bb8;}

.background {background-color:#af5bb8;}

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

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 #f8f2f9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0d060e
```
#0d060e rgb(13,6,14)
```
#1a0c1c
```
#1a0c1c rgb(26,12,28)
```
#271229
```
#271229 rgb(39,18,41)
```
#341837
```
#341837 rgb(52,24,55)
```
#411e45
```
#411e45 rgb(65,30,69)
```
#4e2452
```
#4e2452 rgb(78,36,82)
```
#5b2a60
```
#5b2a60 rgb(91,42,96)
```
#68306e
```
#68306e rgb(104,48,110)
```
#75357b
```
#75357b rgb(117,53,123)
```
#823b89
```
#823b89 rgb(130,59,137)
```
#8f4197
```
#8f4197 rgb(143,65,151)
```
#9c47a5
```
#9c47a5 rgb(156,71,165)
```

Shade Color Variation

#a84db2
```
#a84db2 rgb(168,77,178)
```
#af5bb8
```
#af5bb8 rgb(175,91,184)
```
#b669be
```
#b669be rgb(182,105,190)
```
#bc76c4
```
#bc76c4 rgb(188,118,196)
```
#c384ca
```
#c384ca rgb(195,132,202)
```
#ca92d0
```
#ca92d0 rgb(202,146,208)
```
#d09fd6
```
#d09fd6 rgb(208,159,214)
```
#d7addc
```
#d7addc rgb(215,173,220)
```
#debbe1
```
#debbe1 rgb(222,187,225)
```
#e4c9e7
```
#e4c9e7 rgb(228,201,231)
```
#ebd6ed
```
#ebd6ed rgb(235,214,237)
```
#f2e4f3
```
#f2e4f3 rgb(242,228,243)
```
#f8f2f9
```
#f8f2f9 rgb(248,242,249)
```

Tint Color Variation

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

#8b888b
```
#8b888b rgb(139,136,139)
```
#927f94
```
#927f94 rgb(146,127,148)
```
#99769d
```
#99769d rgb(153,118,157)
```
#a06da6
```
#a06da6 rgb(160,109,166)
```
#a864af
```
#a864af rgb(168,100,175)
```
#af5bb8
```
#af5bb8 rgb(175,91,184)
```
#b652c1
```
#b652c1 rgb(182,82,193)
```
#be49ca
```
#be49ca rgb(190,73,202)
```
#c540d3
```
#c540d3 rgb(197,64,211)
```
#cc37dc
```
#cc37dc rgb(204,55,220)
```
#d32ee5
```
#d32ee5 rgb(211,46,229)
```
#db25ee
```
#db25ee rgb(219,37,238)
```
#e21cf7
```
#e21cf7 rgb(226,28,247)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#89788a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d7fd0 Protanopia 1% of men
#7081b2 Deuteranopia 1% of men
#a9737b Tritanopia 0.001% of the population

Trichromacy

#7b72c7 Protanomaly 1% of men, 0.01% of women
#8673b4 Deuteranomaly 6% of men, 0.4% of women
#ab6a91 Tritanomaly 0.01% of the population

#af5bb8 hex color

#af5bb8 Color Information

#af5bb8 Color Conversion

Color Schemes with #af5bb8

Alternatives to #af5bb8

#af5bb8 Preview

Shades and Tints of #af5bb8

Tones of #af5bb8

Color Blindness Simulator