#af55b3 hex color

In a RGB color space, hex #af55b3 is composed of 68.6% red, 33.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 52.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 297.4 degrees, a saturation of 38.2% and a lightness of 51.8%. #af55b3 color hex could be obtained by blending #ffaaff with #5f0067. Closest websafe color is: #9966cc.

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

● #af55b3 color description : Moderate magenta.

The hexadecimal color #af55b3 has RGB values of R:175, G:85, B:179 and CMYK values of C:0.02, M:0.53, Y:0, K:0.3. Its decimal value is 11490739.

Hex triplet	af55b3	`#af55b3`
RGB Decimal	175, 85, 179	`rgb(175,85,179)`
RGB Percent	68.6, 33.3, 70.2	`rgb(68.6%,33.3%,70.2%)`
CMYK	2, 53, 0, 30
HSL	297.4°, 38.2, 51.8	`hsl(297.4,38.2%,51.8%)`
HSV (or HSB)	297.4°, 52.5, 70.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	50.531, 50.08, -33.997
XYZ	29.064, 18.867, 44.756
xyY	0.314, 0.204, 18.867
CIE-LCH	50.531, 60.529, 325.83
CIE-LUV	50.531, 41.138, -57.742
Hunter-Lab	43.436, 43.423, -30.687
Binary	10101111, 01010101, 10110011

#af55b3
```
#af55b3 rgb(175,85,179)
```
#59b355
```
#59b355 rgb(89,179,85)
```

Complementary Color

#8055b3
```
#8055b3 rgb(128,85,179)
```
#af55b3
```
#af55b3 rgb(175,85,179)
```
#b35588
```
#b35588 rgb(179,85,136)
```

Analogous Color

#55b380
```
#55b380 rgb(85,179,128)
```
#af55b3
```
#af55b3 rgb(175,85,179)
```
#88b355
```
#88b355 rgb(136,179,85)
```

Split Complementary Color

#55b3af
```
#55b3af rgb(85,179,175)
```
#af55b3
```
#af55b3 rgb(175,85,179)
```
#b3af55
```
#b3af55 rgb(179,175,85)
```

Triadic Color

#5559b3
```
#5559b3 rgb(85,89,179)
```
#af55b3
```
#af55b3 rgb(175,85,179)
```
#b3af55
```
#b3af55 rgb(179,175,85)
```
#59b355
```
#59b355 rgb(89,179,85)
```

Tetradic Color

#7f3a82
```
#7f3a82 rgb(127,58,130)
```
#904293
```
#904293 rgb(144,66,147)
```
#a14aa5
```
#a14aa5 rgb(161,74,165)
```
#af55b3
```
#af55b3 rgb(175,85,179)
```
#b767bb
```
#b767bb rgb(183,103,187)
```
#c078c3
```
#c078c3 rgb(192,120,195)
```
#c88acb
```
#c88acb rgb(200,138,203)
```

Monochromatic Color

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

#9855b3
```
#9855b3 rgb(152,85,179)
```
#9f55b3
```
#9f55b3 rgb(159,85,179)
```
#a755b3
```
#a755b3 rgb(167,85,179)
```
#af55b3
```
#af55b3 rgb(175,85,179)
```
#b355af
```
#b355af rgb(179,85,175)
```
#b355a7
```
#b355a7 rgb(179,85,167)
```
#b355a0
```
#b355a0 rgb(179,85,160)
```

Similar Colors

Text with hexadecimal color #af55b3

This text has a font color of #af55b3.

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

#af55b3 background color

This paragraph has a background color of #af55b3.

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

#af55b3 border color

This element has a border color of #af55b3.

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

CSS codes

.text {color:#af55b3;}

.background {background-color:#af55b3;}

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

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

#060306
```
#060306 rgb(6,3,6)
```
#130914
```
#130914 rgb(19,9,20)
```
#210f21
```
#210f21 rgb(33,15,33)
```
#2e152f
```
#2e152f rgb(46,21,47)
```
#3b1b3c
```
#3b1b3c rgb(59,27,60)
```
#48214a
```
#48214a rgb(72,33,74)
```
#552758
```
#552758 rgb(85,39,88)
```
#632d65
```
#632d65 rgb(99,45,101)
```
#703373
```
#703373 rgb(112,51,115)
```
#7d3980
```
#7d3980 rgb(125,57,128)
```
#8a3f8e
```
#8a3f8e rgb(138,63,142)
```
#98459b
```
#98459b rgb(152,69,155)
```
#a54ca9
```
#a54ca9 rgb(165,76,169)
```

Shade Color Variation

#af55b3
```
#af55b3 rgb(175,85,179)
```
#b563b9
```
#b563b9 rgb(181,99,185)
```
#bc70bf
```
#bc70bf rgb(188,112,191)
```
#c27ec5
```
#c27ec5 rgb(194,126,197)
```
#c98bcb
```
#c98bcb rgb(201,139,203)
```
#cf99d1
```
#cf99d1 rgb(207,153,209)
```
#d5a6d7
```
#d5a6d7 rgb(213,166,215)
```
#dcb4dd
```
#dcb4dd rgb(220,180,221)
```
#e2c1e3
```
#e2c1e3 rgb(226,193,227)
```
#e8cfea
```
#e8cfea rgb(232,207,234)
```
#efddf0
```
#efddf0 rgb(239,221,240)
```
#f5eaf6
```
#f5eaf6 rgb(245,234,246)
```
#fcf8fc
```
#fcf8fc rgb(252,248,252)
```

Tint Color Variation

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

#8c7b8d
```
#8c7b8d rgb(140,123,141)
```
#957197
```
#957197 rgb(149,113,151)
```
#9e68a0
```
#9e68a0 rgb(158,104,160)
```
#a65eaa
```
#a65eaa rgb(166,94,170)
```
#af55b3
```
#af55b3 rgb(175,85,179)
```
#b84cbc
```
#b84cbc rgb(184,76,188)
```
#c042c6
```
#c042c6 rgb(192,66,198)
```
#c939cf
```
#c939cf rgb(201,57,207)
```
#d22fd9
```
#d22fd9 rgb(210,47,217)
```
#da26e2
```
#da26e2 rgb(218,38,226)
```
#e31cec
```
#e31cec rgb(227,28,236)
```
#ec13f5
```
#ec13f5 rgb(236,19,245)
```
#f409ff
```
#f409ff rgb(244,9,255)
```

Tone Color Variation

Below, you can see how #af55b3 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
#857386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#597ccd Protanopia 1% of men
#6d7ead Deuteranopia 1% of men
#a96e76 Tritanopia 0.001% of the population

Trichromacy

#786ec4 Protanomaly 1% of men, 0.01% of women
#856faf Deuteranomaly 6% of men, 0.4% of women
#ab658c Tritanomaly 0.01% of the population

#af55b3 hex color

#af55b3 Color Information

#af55b3 Color Conversion

Color Schemes with #af55b3

Alternatives to #af55b3

#af55b3 Preview

Shades and Tints of #af55b3

Tones of #af55b3

Color Blindness Simulator