#af70e0 hex color

In a RGB color space, hex #af70e0 is composed of 68.6% red, 43.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 50% magenta, 0% yellow and 12.2% black. It has a hue angle of 273.8 degrees, a saturation of 64.4% and a lightness of 65.9%. #af70e0 color hex could be obtained by blending #ffe0ff with #5f00c1. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 44
- B 88
RGB color chart
- C 22
- M 50
- Y 0
- K 12
CMYK color chart

● #af70e0 color description : Soft violet.

The hexadecimal color #af70e0 has RGB values of R:175, G:112, B:224 and CMYK values of C:0.22, M:0.5, Y:0, K:0.12. Its decimal value is 11497696.

Hex triplet	af70e0	`#af70e0`
RGB Decimal	175, 112, 224	`rgb(175,112,224)`
RGB Percent	68.6, 43.9, 87.8	`rgb(68.6%,43.9%,87.8%)`
CMYK	22, 50, 0, 12
HSL	273.8°, 64.4, 65.9	`hsl(273.8,64.4%,65.9%)`
HSV (or HSB)	273.8°, 50, 87.8
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.117, 45.367, -47.74
XYZ	36.926, 26.085, 73.607
xyY	0.27, 0.191, 26.085
CIE-LCH	58.117, 65.858, 313.54
CIE-LUV	58.117, 22.47, -80.551
Hunter-Lab	51.073, 39.677, -49.697
Binary	10101111, 01110000, 11100000

#af70e0
```
#af70e0 rgb(175,112,224)
```
#a1e070
```
#a1e070 rgb(161,224,112)
```

Complementary Color

#7770e0
```
#7770e0 rgb(119,112,224)
```
#af70e0
```
#af70e0 rgb(175,112,224)
```
#e070d9
```
#e070d9 rgb(224,112,217)
```

Analogous Color

#70e077
```
#70e077 rgb(112,224,119)
```
#af70e0
```
#af70e0 rgb(175,112,224)
```
#d9e070
```
#d9e070 rgb(217,224,112)
```

Split Complementary Color

#70e0af
```
#70e0af rgb(112,224,175)
```
#af70e0
```
#af70e0 rgb(175,112,224)
```
#e0af70
```
#e0af70 rgb(224,175,112)
```

Triadic Color

#70a1e0
```
#70a1e0 rgb(112,161,224)
```
#af70e0
```
#af70e0 rgb(175,112,224)
```
#e0af70
```
#e0af70 rgb(224,175,112)
```
#a1e070
```
#a1e070 rgb(161,224,112)
```

Tetradic Color

#8c31d2
```
#8c31d2 rgb(140,49,210)
```
#9846d7
```
#9846d7 rgb(152,70,215)
```
#a35bdb
```
#a35bdb rgb(163,91,219)
```
#af70e0
```
#af70e0 rgb(175,112,224)
```
#bb85e5
```
#bb85e5 rgb(187,133,229)
```
#c69ae9
```
#c69ae9 rgb(198,154,233)
```
#d2afee
```
#d2afee rgb(210,175,238)
```

Monochromatic Color

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

#9370e0
```
#9370e0 rgb(147,112,224)
```
#9c70e0
```
#9c70e0 rgb(156,112,224)
```
#a670e0
```
#a670e0 rgb(166,112,224)
```
#af70e0
```
#af70e0 rgb(175,112,224)
```
#b870e0
```
#b870e0 rgb(184,112,224)
```
#c270e0
```
#c270e0 rgb(194,112,224)
```
#cb70e0
```
#cb70e0 rgb(203,112,224)
```

Similar Colors

Text with hexadecimal color #af70e0

This text has a font color of #af70e0.

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

#af70e0 background color

This paragraph has a background color of #af70e0.

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

#af70e0 border color

This element has a border color of #af70e0.

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

CSS codes

.text {color:#af70e0;}

.background {background-color:#af70e0;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0c0412
```
#0c0412 rgb(12,4,18)
```
#170722
```
#170722 rgb(23,7,34)
```
#210b32
```
#210b32 rgb(33,11,50)
```
#2c0e43
```
#2c0e43 rgb(44,14,67)
```
#361253
```
#361253 rgb(54,18,83)
```
#411563
```
#411563 rgb(65,21,99)
```
#4c1973
```
#4c1973 rgb(76,25,115)
```
#561c83
```
#561c83 rgb(86,28,131)
```
#612093
```
#612093 rgb(97,32,147)
```
#6b23a3
```
#6b23a3 rgb(107,35,163)
```
#7627b3
```
#7627b3 rgb(118,39,179)
```
#812ac4
```
#812ac4 rgb(129,42,196)
```

Shade Color Variation

#8b30d2
```
#8b30d2 rgb(139,48,210)
```
#9440d6
```
#9440d6 rgb(148,64,214)
```
#9d50d9
```
#9d50d9 rgb(157,80,217)
```
#a660dd
```
#a660dd rgb(166,96,221)
```
#af70e0
```
#af70e0 rgb(175,112,224)
```
#b880e3
```
#b880e3 rgb(184,128,227)
```
#c190e7
```
#c190e7 rgb(193,144,231)
```
#caa0ea
```
#caa0ea rgb(202,160,234)
```
#d3b0ee
```
#d3b0ee rgb(211,176,238)
```
#dcc1f1
```
#dcc1f1 rgb(220,193,241)
```
#e5d1f5
```
#e5d1f5 rgb(229,209,245)
```
#eee1f8
```
#eee1f8 rgb(238,225,248)
```
#f7f1fc
```
#f7f1fc rgb(247,241,252)
```

Tint Color Variation

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

#a8a6aa
```
#a8a6aa rgb(168,166,170)
```
#a99fb1
```
#a99fb1 rgb(169,159,177)
```
#aa98b8
```
#aa98b8 rgb(170,152,184)
```
#ab91bf
```
#ab91bf rgb(171,145,191)
```
#ac8bc5
```
#ac8bc5 rgb(172,139,197)
```
#ac84cc
```
#ac84cc rgb(172,132,204)
```
#ad7dd3
```
#ad7dd3 rgb(173,125,211)
```
#ae77d9
```
#ae77d9 rgb(174,119,217)
```
#af70e0
```
#af70e0 rgb(175,112,224)
```
#b069e7
```
#b069e7 rgb(176,105,231)
```
#b163ed
```
#b163ed rgb(177,99,237)
```
#b25cf4
```
#b25cf4 rgb(178,92,244)
```
#b255fb
```
#b255fb rgb(178,85,251)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#968aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8ef3 Protanopia 1% of men
#6991d8 Deuteranopia 1% of men
#a38b95 Tritanopia 0.001% of the population

Trichromacy

#7b83ec Protanomaly 1% of men, 0.01% of women
#8385db Deuteranomaly 6% of men, 0.4% of women
#a781b0 Tritanomaly 0.01% of the population

#af70e0 hex color

#af70e0 Color Information

#af70e0 Color Conversion

Color Schemes with #af70e0

Alternatives to #af70e0

#af70e0 Preview

Shades and Tints of #af70e0

Tones of #af70e0

Color Blindness Simulator