#af70b2 hex color

In a RGB color space, hex #af70b2 is composed of 68.6% red, 43.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 37.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 297.3 degrees, a saturation of 30% and a lightness of 56.9%. #af70b2 color hex could be obtained by blending #ffe0ff with #5f0065. Closest websafe color is: #996699.

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

● #af70b2 color description : Mostly desaturated dark magenta.

The hexadecimal color #af70b2 has RGB values of R:175, G:112, B:178 and CMYK values of C:0.02, M:0.37, Y:0, K:0.3. Its decimal value is 11497650.

Hex triplet	af70b2	`#af70b2`
RGB Decimal	175, 112, 178	`rgb(175,112,178)`
RGB Percent	68.6, 43.9, 69.8	`rgb(68.6%,43.9%,69.8%)`
CMYK	2, 37, 0, 30
HSL	297.3°, 30, 56.9	`hsl(297.3,30%,56.9%)`
HSV (or HSB)	297.3°, 37.1, 69.8
Web Safe	996699	`#996699`

CIE-LAB	56.005, 35.677, -24.91
XYZ	31.508, 23.918, 45.074
xyY	0.314, 0.238, 23.918
CIE-LCH	56.005, 43.513, 325.077
CIE-LUV	56.005, 30.577, -42.741
Hunter-Lab	48.906, 29.416, -20.411
Binary	10101111, 01110000, 10110010

#af70b2
```
#af70b2 rgb(175,112,178)
```
#73b270
```
#73b270 rgb(115,178,112)
```

Complementary Color

#8e70b2
```
#8e70b2 rgb(142,112,178)
```
#af70b2
```
#af70b2 rgb(175,112,178)
```
#b27094
```
#b27094 rgb(178,112,148)
```

Analogous Color

#70b28e
```
#70b28e rgb(112,178,142)
```
#af70b2
```
#af70b2 rgb(175,112,178)
```
#94b270
```
#94b270 rgb(148,178,112)
```

Split Complementary Color

#70b2af
```
#70b2af rgb(112,178,175)
```
#af70b2
```
#af70b2 rgb(175,112,178)
```
#b2af70
```
#b2af70 rgb(178,175,112)
```

Triadic Color

#7073b2
```
#7073b2 rgb(112,115,178)
```
#af70b2
```
#af70b2 rgb(175,112,178)
```
#b2af70
```
#b2af70 rgb(178,175,112)
```
#73b270
```
#73b270 rgb(115,178,112)
```

Tetradic Color

#884b8b
```
#884b8b rgb(136,75,139)
```
#98549b
```
#98549b rgb(152,84,155)
```
#a65fa9
```
#a65fa9 rgb(166,95,169)
```
#af70b2
```
#af70b2 rgb(175,112,178)
```
#b881bb
```
#b881bb rgb(184,129,187)
```
#c291c4
```
#c291c4 rgb(194,145,196)
```
#cba2cd
```
#cba2cd rgb(203,162,205)
```

Monochromatic Color

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

#9f70b2
```
#9f70b2 rgb(159,112,178)
```
#a470b2
```
#a470b2 rgb(164,112,178)
```
#aa70b2
```
#aa70b2 rgb(170,112,178)
```
#af70b2
```
#af70b2 rgb(175,112,178)
```
#b270b0
```
#b270b0 rgb(178,112,176)
```
#b270aa
```
#b270aa rgb(178,112,170)
```
#b270a5
```
#b270a5 rgb(178,112,165)
```

Similar Colors

Text with hexadecimal color #af70b2

This text has a font color of #af70b2.

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

#af70b2 background color

This paragraph has a background color of #af70b2.

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

#af70b2 border color

This element has a border color of #af70b2.

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

CSS codes

.text {color:#af70b2;}

.background {background-color:#af70b2;}

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

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

#0a050a
```
#0a050a rgb(10,5,10)
```
#160c17
```
#160c17 rgb(22,12,23)
```
#231324
```
#231324 rgb(35,19,36)
```
#2f1a30
```
#2f1a30 rgb(47,26,48)
```
#3c213d
```
#3c213d rgb(60,33,61)
```
#48284a
```
#48284a rgb(72,40,74)
```
#552f57
```
#552f57 rgb(85,47,87)
```
#613563
```
#613563 rgb(97,53,99)
```
#6e3c70
```
#6e3c70 rgb(110,60,112)
```
#7a437d
```
#7a437d rgb(122,67,125)
```
#874a8a
```
#874a8a rgb(135,74,138)
```
#935196
```
#935196 rgb(147,81,150)
```
#a058a3
```
#a058a3 rgb(160,88,163)
```

Shade Color Variation

#a863ab
```
#a863ab rgb(168,99,171)
```
#af70b2
```
#af70b2 rgb(175,112,178)
```
#b67db9
```
#b67db9 rgb(182,125,185)
```
#bd8ac0
```
#bd8ac0 rgb(189,138,192)
```
#c496c7
```
#c496c7 rgb(196,150,199)
```
#cca3cd
```
#cca3cd rgb(204,163,205)
```
#d3b0d4
```
#d3b0d4 rgb(211,176,212)
```
#dabddb
```
#dabddb rgb(218,189,219)
```
#e1c9e2
```
#e1c9e2 rgb(225,201,226)
```
#e8d6e9
```
#e8d6e9 rgb(232,214,233)
```
#efe3f0
```
#efe3f0 rgb(239,227,240)
```
#f6f0f7
```
#f6f0f7 rgb(246,240,247)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#988999
```
#988999 rgb(152,137,153)
```
#a081a1
```
#a081a1 rgb(160,129,161)
```
#a778aa
```
#a778aa rgb(167,120,170)
```
#af70b2
```
#af70b2 rgb(175,112,178)
```
#b768ba
```
#b768ba rgb(183,104,186)
```
#be5fc3
```
#be5fc3 rgb(190,95,195)
```
#c657cb
```
#c657cb rgb(198,87,203)
```
#ce4ed4
```
#ce4ed4 rgb(206,78,212)
```
#d546dc
```
#d546dc rgb(213,70,220)
```
#dd3de5
```
#dd3de5 rgb(221,61,229)
```
#e535ed
```
#e535ed rgb(229,53,237)
```
#ed2cf6
```
#ed2cf6 rgb(237,44,246)
```
#f424fe
```
#f424fe rgb(244,36,254)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#918592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#798ac2 Protanopia 1% of men
#858ab0 Deuteranopia 1% of men
#ac818a Tritanopia 0.001% of the population

Trichromacy

#8c80bc Protanomaly 1% of men, 0.01% of women
#9480b0 Deuteranomaly 6% of men, 0.4% of women
#ad7a98 Tritanomaly 0.01% of the population

#af70b2 hex color

#af70b2 Color Information

#af70b2 Color Conversion

Color Schemes with #af70b2

Alternatives to #af70b2

#af70b2 Preview

Shades and Tints of #af70b2

Tones of #af70b2

Color Blindness Simulator