#af6bb2 hex color

In a RGB color space, hex #af6bb2 is composed of 68.6% red, 42% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 39.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 297.5 degrees, a saturation of 31.6% and a lightness of 55.9%. #af6bb2 color hex could be obtained by blending #ffd6ff with #5f0065. Closest websafe color is: #996699.

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

● #af6bb2 color description : Mostly desaturated dark magenta.

The hexadecimal color #af6bb2 has RGB values of R:175, G:107, B:178 and CMYK values of C:0.02, M:0.4, Y:0, K:0.3. Its decimal value is 11496370.

Hex triplet	af6bb2	`#af6bb2`
RGB Decimal	175, 107, 178	`rgb(175,107,178)`
RGB Percent	68.6, 42, 69.8	`rgb(68.6%,42%,69.8%)`
CMYK	2, 40, 0, 30
HSL	297.5°, 31.6, 55.9	`hsl(297.5,31.6%,55.9%)`
HSV (or HSB)	297.5°, 39.9, 69.8
Web Safe	996699	`#996699`

CIE-LAB	54.912, 38.414, -26.597
XYZ	30.972, 22.845, 44.895
xyY	0.314, 0.231, 22.845
CIE-LCH	54.912, 46.723, 325.302
CIE-LUV	54.912, 32.748, -45.592
Hunter-Lab	47.796, 32.024, -22.234
Binary	10101111, 01101011, 10110010

#af6bb2
```
#af6bb2 rgb(175,107,178)
```
#6eb26b
```
#6eb26b rgb(110,178,107)
```

Complementary Color

#8c6bb2
```
#8c6bb2 rgb(140,107,178)
```
#af6bb2
```
#af6bb2 rgb(175,107,178)
```
#b26b92
```
#b26b92 rgb(178,107,146)
```

Analogous Color

#6bb28c
```
#6bb28c rgb(107,178,140)
```
#af6bb2
```
#af6bb2 rgb(175,107,178)
```
#92b26b
```
#92b26b rgb(146,178,107)
```

Split Complementary Color

#6bb2af
```
#6bb2af rgb(107,178,175)
```
#af6bb2
```
#af6bb2 rgb(175,107,178)
```
#b2af6b
```
#b2af6b rgb(178,175,107)
```

Triadic Color

#6b6eb2
```
#6b6eb2 rgb(107,110,178)
```
#af6bb2
```
#af6bb2 rgb(175,107,178)
```
#b2af6b
```
#b2af6b rgb(178,175,107)
```
#6eb26b
```
#6eb26b rgb(110,178,107)
```

Tetradic Color

#864789
```
#864789 rgb(134,71,137)
```
#97509a
```
#97509a rgb(151,80,154)
```
#a65aa9
```
#a65aa9 rgb(166,90,169)
```
#af6bb2
```
#af6bb2 rgb(175,107,178)
```
#b87cbb
```
#b87cbb rgb(184,124,187)
```
#c18dc3
```
#c18dc3 rgb(193,141,195)
```
#ca9dcc
```
#ca9dcc rgb(202,157,204)
```

Monochromatic Color

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

#9d6bb2
```
#9d6bb2 rgb(157,107,178)
```
#a36bb2
```
#a36bb2 rgb(163,107,178)
```
#a96bb2
```
#a96bb2 rgb(169,107,178)
```
#af6bb2
```
#af6bb2 rgb(175,107,178)
```
#b26baf
```
#b26baf rgb(178,107,175)
```
#b26ba9
```
#b26ba9 rgb(178,107,169)
```
#b26ba3
```
#b26ba3 rgb(178,107,163)
```

Similar Colors

Text with hexadecimal color #af6bb2

This text has a font color of #af6bb2.

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

#af6bb2 background color

This paragraph has a background color of #af6bb2.

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

#af6bb2 border color

This element has a border color of #af6bb2.

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

CSS codes

.text {color:#af6bb2;}

.background {background-color:#af6bb2;}

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

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

#070407
```
#070407 rgb(7,4,7)
```
#130a14
```
#130a14 rgb(19,10,20)
```
#201121
```
#201121 rgb(32,17,33)
```
#2d182e
```
#2d182e rgb(45,24,46)
```
#391e3a
```
#391e3a rgb(57,30,58)
```
#462547
```
#462547 rgb(70,37,71)
```
#532c54
```
#532c54 rgb(83,44,84)
```
#5f3361
```
#5f3361 rgb(95,51,97)
```
#6c396e
```
#6c396e rgb(108,57,110)
```
#78407b
```
#78407b rgb(120,64,123)
```
#854788
```
#854788 rgb(133,71,136)
```
#924d95
```
#924d95 rgb(146,77,149)
```
#9e54a2
```
#9e54a2 rgb(158,84,162)
```

Shade Color Variation

#a85eab
```
#a85eab rgb(168,94,171)
```
#af6bb2
```
#af6bb2 rgb(175,107,178)
```
#b678b9
```
#b678b9 rgb(182,120,185)
```
#bd85bf
```
#bd85bf rgb(189,133,191)
```
#c492c6
```
#c492c6 rgb(196,146,198)
```
#cb9fcd
```
#cb9fcd rgb(203,159,205)
```
#d2acd4
```
#d2acd4 rgb(210,172,212)
```
#d9b8da
```
#d9b8da rgb(217,184,218)
```
#e0c5e1
```
#e0c5e1 rgb(224,197,225)
```
#e7d2e8
```
#e7d2e8 rgb(231,210,232)
```
#eedfee
```
#eedfee rgb(238,223,238)
```
#f5ecf5
```
#f5ecf5 rgb(245,236,245)
```
#fcf9fc
```
#fcf9fc rgb(252,249,252)
```

Tint Color Variation

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

#8f8e8f
```
#8f8e8f rgb(143,142,143)
```
#978598
```
#978598 rgb(151,133,152)
```
#9f7ca1
```
#9f7ca1 rgb(159,124,161)
```
#a774a9
```
#a774a9 rgb(167,116,169)
```
#af6bb2
```
#af6bb2 rgb(175,107,178)
```
#b762bb
```
#b762bb rgb(183,98,187)
```
#bf5ac3
```
#bf5ac3 rgb(191,90,195)
```
#c751cc
```
#c751cc rgb(199,81,204)
```
#cf48d5
```
#cf48d5 rgb(207,72,213)
```
#d740dd
```
#d740dd rgb(215,64,221)
```
#df37e6
```
#df37e6 rgb(223,55,230)
```
#e62eef
```
#e62eef rgb(230,46,239)
```
#ee26f7
```
#ee26f7 rgb(238,38,247)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f8190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7387c4 Protanopia 1% of men
#8187af Deuteranopia 1% of men
#ab7d86 Tritanopia 0.001% of the population

Trichromacy

#897dbd Protanomaly 1% of men, 0.01% of women
#917db0 Deuteranomaly 6% of men, 0.4% of women
#ad7696 Tritanomaly 0.01% of the population

#af6bb2 hex color

#af6bb2 Color Information

#af6bb2 Color Conversion

Color Schemes with #af6bb2

Alternatives to #af6bb2

#af6bb2 Preview

Shades and Tints of #af6bb2

Tones of #af6bb2

Color Blindness Simulator