#af55b8 hex color

In a RGB color space, hex #af55b8 is composed of 68.6% red, 33.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 53.8% magenta, 0% yellow and 27.8% black. It has a hue angle of 294.5 degrees, a saturation of 41.1% and a lightness of 52.7%. #af55b8 color hex could be obtained by blending #ffaaff with #5f0071. Closest websafe color is: #9966cc.

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

● #af55b8 color description : Moderate magenta.

The hexadecimal color #af55b8 has RGB values of R:175, G:85, B:184 and CMYK values of C:0.05, M:0.54, Y:0, K:0.28. Its decimal value is 11490744.

Hex triplet	af55b8	`#af55b8`
RGB Decimal	175, 85, 184	`rgb(175,85,184)`
RGB Percent	68.6, 33.3, 72.2	`rgb(68.6%,33.3%,72.2%)`
CMYK	5, 54, 0, 28
HSL	294.5°, 41.1, 52.7	`hsl(294.5,41.1%,52.7%)`
HSV (or HSB)	294.5°, 53.8, 72.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	50.772, 51.018, -36.526
XYZ	29.579, 19.073, 47.468
xyY	0.308, 0.198, 19.073
CIE-LCH	50.772, 62.745, 324.4
CIE-LUV	50.772, 39.896, -61.782
Hunter-Lab	43.673, 44.467, -33.872
Binary	10101111, 01010101, 10111000

#af55b8
```
#af55b8 rgb(175,85,184)
```
#5eb855
```
#5eb855 rgb(94,184,85)
```

Complementary Color

#7e55b8
```
#7e55b8 rgb(126,85,184)
```
#af55b8
```
#af55b8 rgb(175,85,184)
```
#b85590
```
#b85590 rgb(184,85,144)
```

Analogous Color

#55b87e
```
#55b87e rgb(85,184,126)
```
#af55b8
```
#af55b8 rgb(175,85,184)
```
#90b855
```
#90b855 rgb(144,184,85)
```

Split Complementary Color

#55b8af
```
#55b8af rgb(85,184,175)
```
#af55b8
```
#af55b8 rgb(175,85,184)
```
#b8af55
```
#b8af55 rgb(184,175,85)
```

Triadic Color

#555eb8
```
#555eb8 rgb(85,94,184)
```
#af55b8
```
#af55b8 rgb(175,85,184)
```
#b8af55
```
#b8af55 rgb(184,175,85)
```
#5eb855
```
#5eb855 rgb(94,184,85)
```

Tetradic Color

#813988
```
#813988 rgb(129,57,136)
```
#92409a
```
#92409a rgb(146,64,154)
```
#a348ac
```
#a348ac rgb(163,72,172)
```
#af55b8
```
#af55b8 rgb(175,85,184)
```
#b767c0
```
#b767c0 rgb(183,103,192)
```
#c079c7
```
#c079c7 rgb(192,121,199)
```
#c88bcf
```
#c88bcf rgb(200,139,207)
```

Monochromatic Color

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

#9655b8
```
#9655b8 rgb(150,85,184)
```
#9f55b8
```
#9f55b8 rgb(159,85,184)
```
#a755b8
```
#a755b8 rgb(167,85,184)
```
#af55b8
```
#af55b8 rgb(175,85,184)
```
#b755b8
```
#b755b8 rgb(183,85,184)
```
#b855b1
```
#b855b1 rgb(184,85,177)
```
#b855a8
```
#b855a8 rgb(184,85,168)
```

Similar Colors

Text with hexadecimal color #af55b8

This text has a font color of #af55b8.

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

#af55b8 background color

This paragraph has a background color of #af55b8.

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

#af55b8 border color

This element has a border color of #af55b8.

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

CSS codes

.text {color:#af55b8;}

.background {background-color:#af55b8;}

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

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, #09040a is the darkest color, while #fdfbfd is the lightest one.

#09040a
```
#09040a rgb(9,4,10)
```
#160a18
```
#160a18 rgb(22,10,24)
```
#241026
```
#241026 rgb(36,16,38)
```
#311533
```
#311533 rgb(49,21,51)
```
#3e1b41
```
#3e1b41 rgb(62,27,65)
```
#4b214f
```
#4b214f rgb(75,33,79)
```
#58275d
```
#58275d rgb(88,39,93)
```
#652d6b
```
#652d6b rgb(101,45,107)
```
#723279
```
#723279 rgb(114,50,121)
```
#7f3886
```
#7f3886 rgb(127,56,134)
```
#8c3e94
```
#8c3e94 rgb(140,62,148)
```
#9944a2
```
#9944a2 rgb(153,68,162)
```
#a749b0
```
#a749b0 rgb(167,73,176)
```

Shade Color Variation

#af55b8
```
#af55b8 rgb(175,85,184)
```
#b663be
```
#b663be rgb(182,99,190)
```
#bc71c4
```
#bc71c4 rgb(188,113,196)
```
#c37fc9
```
#c37fc9 rgb(195,127,201)
```
#c98ccf
```
#c98ccf rgb(201,140,207)
```
#d09ad5
```
#d09ad5 rgb(208,154,213)
```
#d6a8db
```
#d6a8db rgb(214,168,219)
```
#ddb6e0
```
#ddb6e0 rgb(221,182,224)
```
#e3c4e6
```
#e3c4e6 rgb(227,196,230)
```
#ead2ec
```
#ead2ec rgb(234,210,236)
```
#f0dff2
```
#f0dff2 rgb(240,223,242)
```
#f7edf8
```
#f7edf8 rgb(247,237,248)
```
#fdfbfd
```
#fdfbfd rgb(253,251,253)
```

Tint Color Variation

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

#89838a
```
#89838a rgb(137,131,138)
```
#917a93
```
#917a93 rgb(145,122,147)
```
#98719c
```
#98719c rgb(152,113,156)
```
#a068a5
```
#a068a5 rgb(160,104,165)
```
#a75eaf
```
#a75eaf rgb(167,94,175)
```
#af55b8
```
#af55b8 rgb(175,85,184)
```
#b74cc1
```
#b74cc1 rgb(183,76,193)
```
#be42cb
```
#be42cb rgb(190,66,203)
```
#c639d4
```
#c639d4 rgb(198,57,212)
```
#cd30dd
```
#cd30dd rgb(205,48,221)
```
#d527e6
```
#d527e6 rgb(213,39,230)
```
#dd1df0
```
#dd1df0 rgb(221,29,240)
```
#e414f9
```
#e414f9 rgb(228,20,249)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857387 Atypical Achromatopsia 0.001% of the population

Dichromacy

#557dd3 Protanopia 1% of men
#6a7eb1 Deuteranopia 1% of men
#a97077 Tritanopia 0.001% of the population

Trichromacy

#756ec9 Protanomaly 1% of men, 0.01% of women
#836fb4 Deuteranomaly 6% of men, 0.4% of women
#ab668f Tritanomaly 0.01% of the population

#af55b8 hex color

#af55b8 Color Information

#af55b8 Color Conversion

Color Schemes with #af55b8

Alternatives to #af55b8

#af55b8 Preview

Shades and Tints of #af55b8

Tones of #af55b8

Color Blindness Simulator