#af5bb6 hex color

In a RGB color space, hex #af5bb6 is composed of 68.6% red, 35.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 50% magenta, 0% yellow and 28.6% black. It has a hue angle of 295.4 degrees, a saturation of 38.4% and a lightness of 53.5%. #af5bb6 color hex could be obtained by blending #ffb6ff with #5f006d. Closest websafe color is: #9966cc.

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

● #af5bb6 color description : Moderate magenta.

The hexadecimal color #af5bb6 has RGB values of R:175, G:91, B:182 and CMYK values of C:0.04, M:0.5, Y:0, K:0.29. Its decimal value is 11492278.

Hex triplet	af5bb6	`#af5bb6`
RGB Decimal	175, 91, 182	`rgb(175,91,182)`
RGB Percent	68.6, 35.7, 71.4	`rgb(68.6%,35.7%,71.4%)`
CMYK	4, 50, 0, 29
HSL	295.4°, 38.4, 53.5	`hsl(295.4,38.4%,53.5%)`
HSV (or HSB)	295.4°, 50, 71.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.809, 47.634, -33.74
XYZ	29.863, 19.975, 46.536
xyY	0.31, 0.207, 19.975
CIE-LCH	51.809, 58.373, 324.69
CIE-LUV	51.809, 38.258, -57.316
Hunter-Lab	44.693, 41.056, -30.449
Binary	10101111, 01011011, 10110110

#af5bb6
```
#af5bb6 rgb(175,91,182)
```
#62b65b
```
#62b65b rgb(98,182,91)
```

Complementary Color

#825bb6
```
#825bb6 rgb(130,91,182)
```
#af5bb6
```
#af5bb6 rgb(175,91,182)
```
#b65b90
```
#b65b90 rgb(182,91,144)
```

Analogous Color

#5bb682
```
#5bb682 rgb(91,182,130)
```
#af5bb6
```
#af5bb6 rgb(175,91,182)
```
#90b65b
```
#90b65b rgb(144,182,91)
```

Split Complementary Color

#5bb6af
```
#5bb6af rgb(91,182,175)
```
#af5bb6
```
#af5bb6 rgb(175,91,182)
```
#b6af5b
```
#b6af5b rgb(182,175,91)
```

Triadic Color

#5b62b6
```
#5b62b6 rgb(91,98,182)
```
#af5bb6
```
#af5bb6 rgb(175,91,182)
```
#b6af5b
```
#b6af5b rgb(182,175,91)
```
#62b65b
```
#62b65b rgb(98,182,91)
```

Tetradic Color

#823d88
```
#823d88 rgb(130,61,136)
```
#93449a
```
#93449a rgb(147,68,154)
```
#a44cab
```
#a44cab rgb(164,76,171)
```
#af5bb6
```
#af5bb6 rgb(175,91,182)
```
#b86dbe
```
#b86dbe rgb(184,109,190)
```
#c07ec6
```
#c07ec6 rgb(192,126,198)
```
#c990ce
```
#c990ce rgb(201,144,206)
```

Monochromatic Color

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

#985bb6
```
#985bb6 rgb(152,91,182)
```
#a05bb6
```
#a05bb6 rgb(160,91,182)
```
#a75bb6
```
#a75bb6 rgb(167,91,182)
```
#af5bb6
```
#af5bb6 rgb(175,91,182)
```
#b65bb5
```
#b65bb5 rgb(182,91,181)
```
#b65bae
```
#b65bae rgb(182,91,174)
```
#b65ba6
```
#b65ba6 rgb(182,91,166)
```

Similar Colors

Text with hexadecimal color #af5bb6

This text has a font color of #af5bb6.

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

#af5bb6 background color

This paragraph has a background color of #af5bb6.

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

#af5bb6 border color

This element has a border color of #af5bb6.

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

CSS codes

.text {color:#af5bb6;}

.background {background-color:#af5bb6;}

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

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

#0c060c
```
#0c060c rgb(12,6,12)
```
#190c1a
```
#190c1a rgb(25,12,26)
```
#261228
```
#261228 rgb(38,18,40)
```
#331835
```
#331835 rgb(51,24,53)
```
#401e43
```
#401e43 rgb(64,30,67)
```
#4d2450
```
#4d2450 rgb(77,36,80)
```
#5a2a5e
```
#5a2a5e rgb(90,42,94)
```
#67306b
```
#67306b rgb(103,48,107)
```
#743679
```
#743679 rgb(116,54,121)
```
#813c87
```
#813c87 rgb(129,60,135)
```
#8e4294
```
#8e4294 rgb(142,66,148)
```
#9b48a2
```
#9b48a2 rgb(155,72,162)
```
#a84eaf
```
#a84eaf rgb(168,78,175)
```

Shade Color Variation

#af5bb6
```
#af5bb6 rgb(175,91,182)
```
#b669bc
```
#b669bc rgb(182,105,188)
```
#bc76c2
```
#bc76c2 rgb(188,118,194)
```
#c384c8
```
#c384c8 rgb(195,132,200)
```
#c991ce
```
#c991ce rgb(201,145,206)
```
#d09fd4
```
#d09fd4 rgb(208,159,212)
```
#d7acda
```
#d7acda rgb(215,172,218)
```
#ddbae0
```
#ddbae0 rgb(221,186,224)
```
#e4c8e6
```
#e4c8e6 rgb(228,200,230)
```
#ebd5ec
```
#ebd5ec rgb(235,213,236)
```
#f1e3f2
```
#f1e3f2 rgb(241,227,242)
```
#f8f0f8
```
#f8f0f8 rgb(248,240,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#907f92
```
#907f92 rgb(144,127,146)
```
#98769b
```
#98769b rgb(152,118,155)
```
#a06da4
```
#a06da4 rgb(160,109,164)
```
#a764ad
```
#a764ad rgb(167,100,173)
```
#af5bb6
```
#af5bb6 rgb(175,91,182)
```
#b752bf
```
#b752bf rgb(183,82,191)
```
#be49c8
```
#be49c8 rgb(190,73,200)
```
#c640d1
```
#c640d1 rgb(198,64,209)
```
#ce37da
```
#ce37da rgb(206,55,218)
```
#d62de4
```
#d62de4 rgb(214,45,228)
```
#dd24ed
```
#dd24ed rgb(221,36,237)
```
#e51bf6
```
#e51bf6 rgb(229,27,246)
```
#ed12ff
```
#ed12ff rgb(237,18,255)
```

Tone Color Variation

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

#5e7fce Protanopia 1% of men
#7181b0 Deuteranopia 1% of men
#a9737b Tritanopia 0.001% of the population

Trichromacy

#7c72c5 Protanomaly 1% of men, 0.01% of women
#8773b2 Deuteranomaly 6% of men, 0.4% of women
#ab6a90 Tritanomaly 0.01% of the population

#af5bb6 hex color

#af5bb6 Color Information

#af5bb6 Color Conversion

Color Schemes with #af5bb6

Alternatives to #af5bb6

#af5bb6 Preview

Shades and Tints of #af5bb6

Tones of #af5bb6

Color Blindness Simulator