#af72e5 hex color

In a RGB color space, hex #af72e5 is composed of 68.6% red, 44.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 50.2% magenta, 0% yellow and 10.2% black. It has a hue angle of 271.8 degrees, a saturation of 68.9% and a lightness of 67.3%. #af72e5 color hex could be obtained by blending #ffe4ff with #5f00cb. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 45
- B 90
RGB color chart
- C 24
- M 50
- Y 0
- K 10
CMYK color chart

● #af72e5 color description : Soft violet.

The hexadecimal color #af72e5 has RGB values of R:175, G:114, B:229 and CMYK values of C:0.24, M:0.5, Y:0, K:0.1. Its decimal value is 11498213.

Hex triplet	af72e5	`#af72e5`
RGB Decimal	175, 114, 229	`rgb(175,114,229)`
RGB Percent	68.6, 44.7, 89.8	`rgb(68.6%,44.7%,89.8%)`
CMYK	24, 50, 0, 10
HSL	271.8°, 68.9, 67.3	`hsl(271.8,68.9%,67.3%)`
HSV (or HSB)	271.8°, 50.2, 89.8
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.795, 45.425, -49.465
XYZ	37.837, 26.806, 77.305
xyY	0.267, 0.189, 26.806
CIE-LCH	58.795, 67.158, 312.562
CIE-LUV	58.795, 20.968, -83.497
Hunter-Lab	51.775, 39.843, -52.284
Binary	10101111, 01110010, 11100101

#af72e5
```
#af72e5 rgb(175,114,229)
```
#a8e572
```
#a8e572 rgb(168,229,114)
```

Complementary Color

#7672e5
```
#7672e5 rgb(118,114,229)
```
#af72e5
```
#af72e5 rgb(175,114,229)
```
#e572e2
```
#e572e2 rgb(229,114,226)
```

Analogous Color

#72e576
```
#72e576 rgb(114,229,118)
```
#af72e5
```
#af72e5 rgb(175,114,229)
```
#e2e572
```
#e2e572 rgb(226,229,114)
```

Split Complementary Color

#72e5af
```
#72e5af rgb(114,229,175)
```
#af72e5
```
#af72e5 rgb(175,114,229)
```
#e5af72
```
#e5af72 rgb(229,175,114)
```

Triadic Color

#72a8e5
```
#72a8e5 rgb(114,168,229)
```
#af72e5
```
#af72e5 rgb(175,114,229)
```
#e5af72
```
#e5af72 rgb(229,175,114)
```
#a8e572
```
#a8e572 rgb(168,229,114)
```

Tetradic Color

#8a31d9
```
#8a31d9 rgb(138,49,217)
```
#9747dd
```
#9747dd rgb(151,71,221)
```
#a35ce1
```
#a35ce1 rgb(163,92,225)
```
#af72e5
```
#af72e5 rgb(175,114,229)
```
#bb88e9
```
#bb88e9 rgb(187,136,233)
```
#c79ded
```
#c79ded rgb(199,157,237)
```
#d4b3f1
```
#d4b3f1 rgb(212,179,241)
```

Monochromatic Color

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

#9272e5
```
#9272e5 rgb(146,114,229)
```
#9c72e5
```
#9c72e5 rgb(156,114,229)
```
#a572e5
```
#a572e5 rgb(165,114,229)
```
#af72e5
```
#af72e5 rgb(175,114,229)
```
#b972e5
```
#b972e5 rgb(185,114,229)
```
#c272e5
```
#c272e5 rgb(194,114,229)
```
#cc72e5
```
#cc72e5 rgb(204,114,229)
```

Similar Colors

Text with hexadecimal color #af72e5

This text has a font color of #af72e5.

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

#af72e5 background color

This paragraph has a background color of #af72e5.

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

#af72e5 border color

This element has a border color of #af72e5.

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

CSS codes

.text {color:#af72e5;}

.background {background-color:#af72e5;}

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

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

#050108
```
#050108 rgb(5,1,8)
```
#0f0519
```
#0f0519 rgb(15,5,25)
```
#190829
```
#190829 rgb(25,8,41)
```
#240b3a
```
#240b3a rgb(36,11,58)
```
#2e0e4a
```
#2e0e4a rgb(46,14,74)
```
#38115b
```
#38115b rgb(56,17,91)
```
#42146b
```
#42146b rgb(66,20,107)
```
#4d177c
```
#4d177c rgb(77,23,124)
```
#571a8d
```
#571a8d rgb(87,26,141)
```
#611d9d
```
#611d9d rgb(97,29,157)
```
#6b20ae
```
#6b20ae rgb(107,32,174)
```
#7523be
```
#7523be rgb(117,35,190)
```
#8026cf
```
#8026cf rgb(128,38,207)
```

Shade Color Variation

#8930d9
```
#8930d9 rgb(137,48,217)
```
#9340dc
```
#9340dc rgb(147,64,220)
```
#9c51df
```
#9c51df rgb(156,81,223)
```
#a661e2
```
#a661e2 rgb(166,97,226)
```
#af72e5
```
#af72e5 rgb(175,114,229)
```
#b883e8
```
#b883e8 rgb(184,131,232)
```
#c293eb
```
#c293eb rgb(194,147,235)
```
#cba4ee
```
#cba4ee rgb(203,164,238)
```
#d5b4f1
```
#d5b4f1 rgb(213,180,241)
```
#dec5f4
```
#dec5f4 rgb(222,197,244)
```
#e7d5f7
```
#e7d5f7 rgb(231,213,247)
```
#f1e6fa
```
#f1e6fa rgb(241,230,250)
```
#faf6fd
```
#faf6fd rgb(250,246,253)
```

Tint Color Variation

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

#aca5b2
```
#aca5b2 rgb(172,165,178)
```
#ac9fb8
```
#ac9fb8 rgb(172,159,184)
```
#ad99be
```
#ad99be rgb(173,153,190)
```
#ad92c5
```
#ad92c5 rgb(173,146,197)
```
#ad8ccb
```
#ad8ccb rgb(173,140,203)
```
#ae85d2
```
#ae85d2 rgb(174,133,210)
```
#ae7fd8
```
#ae7fd8 rgb(174,127,216)
```
#af78df
```
#af78df rgb(175,120,223)
```
#af72e5
```
#af72e5 rgb(175,114,229)
```
#af6ceb
```
#af6ceb rgb(175,108,235)
```
#b065f2
```
#b065f2 rgb(176,101,242)
```
#b05ff8
```
#b05ff8 rgb(176,95,248)
```
#b158ff
```
#b158ff rgb(177,88,255)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#978ba2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c8ff8 Protanopia 1% of men
#6893dd Deuteranopia 1% of men
#a28d97 Tritanopia 0.001% of the population

Trichromacy

#7a85f1 Protanomaly 1% of men, 0.01% of women
#8187e0 Deuteranomaly 6% of men, 0.4% of women
#a783b3 Tritanomaly 0.01% of the population

#af72e5 hex color

#af72e5 Color Information

#af72e5 Color Conversion

Color Schemes with #af72e5

Alternatives to #af72e5

#af72e5 Preview

Shades and Tints of #af72e5

Tones of #af72e5

Color Blindness Simulator