#af72f5 hex color

In a RGB color space, hex #af72f5 is composed of 68.6% red, 44.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 53.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 267.9 degrees, a saturation of 86.8% and a lightness of 70.4%. #af72f5 color hex could be obtained by blending #ffe4ff with #5f00eb. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 45
- B 96
RGB color chart
- C 29
- M 53
- Y 0
- K 4
CMYK color chart

● #af72f5 color description : Soft violet.

The hexadecimal color #af72f5 has RGB values of R:175, G:114, B:245 and CMYK values of C:0.29, M:0.53, Y:0, K:0.04. Its decimal value is 11498229.

Hex triplet	af72f5	`#af72f5`
RGB Decimal	175, 114, 245	`rgb(175,114,245)`
RGB Percent	68.6, 44.7, 96.1	`rgb(68.6%,44.7%,96.1%)`
CMYK	29, 53, 0, 4
HSL	267.9°, 86.8, 70.4	`hsl(267.9,86.8%,70.4%)`
HSV (or HSB)	267.9°, 53.5, 96.1
Web Safe	9966ff	`#9966ff`

CIE-LAB	59.655, 49.144, -56.993
XYZ	40.175, 27.742, 89.619
xyY	0.255, 0.176, 27.742
CIE-LCH	59.655, 75.255, 310.77
CIE-LUV	59.655, 18.433, -96.189
Hunter-Lab	52.67, 43.982, -64.014
Binary	10101111, 01110010, 11110101

#af72f5
```
#af72f5 rgb(175,114,245)
```
#b8f572
```
#b8f572 rgb(184,245,114)
```

Complementary Color

#7277f5
```
#7277f5 rgb(114,119,245)
```
#af72f5
```
#af72f5 rgb(175,114,245)
```
#f172f5
```
#f172f5 rgb(241,114,245)
```

Analogous Color

#77f572
```
#77f572 rgb(119,245,114)
```
#af72f5
```
#af72f5 rgb(175,114,245)
```
#f5f172
```
#f5f172 rgb(245,241,114)
```

Split Complementary Color

#72f5af
```
#72f5af rgb(114,245,175)
```
#af72f5
```
#af72f5 rgb(175,114,245)
```
#f5af72
```
#f5af72 rgb(245,175,114)
```

Triadic Color

#72b8f5
```
#72b8f5 rgb(114,184,245)
```
#af72f5
```
#af72f5 rgb(175,114,245)
```
#f5af72
```
#f5af72 rgb(245,175,114)
```
#b8f572
```
#b8f572 rgb(184,245,114)
```

Tetradic Color

#862bf0
```
#862bf0 rgb(134,43,240)
```
#9442f2
```
#9442f2 rgb(148,66,242)
```
#a15af3
```
#a15af3 rgb(161,90,243)
```
#af72f5
```
#af72f5 rgb(175,114,245)
```
#bd8af7
```
#bd8af7 rgb(189,138,247)
```
#caa2f8
```
#caa2f8 rgb(202,162,248)
```
#d8b9fa
```
#d8b9fa rgb(216,185,250)
```

Monochromatic Color

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

#8e72f5
```
#8e72f5 rgb(142,114,245)
```
#9972f5
```
#9972f5 rgb(153,114,245)
```
#a472f5
```
#a472f5 rgb(164,114,245)
```
#af72f5
```
#af72f5 rgb(175,114,245)
```
#ba72f5
```
#ba72f5 rgb(186,114,245)
```
#c572f5
```
#c572f5 rgb(197,114,245)
```
#d072f5
```
#d072f5 rgb(208,114,245)
```

Similar Colors

Text with hexadecimal color #af72f5

This text has a font color of #af72f5.

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

#af72f5 background color

This paragraph has a background color of #af72f5.

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

#af72f5 border color

This element has a border color of #af72f5.

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

CSS codes

.text {color:#af72f5;}

.background {background-color:#af72f5;}

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

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

#030006
```
#030006 rgb(3,0,6)
```
#0c0218
```
#0c0218 rgb(12,2,24)
```
#15032a
```
#15032a rgb(21,3,42)
```
#1e043c
```
#1e043c rgb(30,4,60)
```
#28064f
```
#28064f rgb(40,6,79)
```
#310761
```
#310761 rgb(49,7,97)
```
#3a0873
```
#3a0873 rgb(58,8,115)
```
#430986
```
#430986 rgb(67,9,134)
```
#4d0b98
```
#4d0b98 rgb(77,11,152)
```
#560caa
```
#560caa rgb(86,12,170)
```
#5f0dbd
```
#5f0dbd rgb(95,13,189)
```
#680fcf
```
#680fcf rgb(104,15,207)
```
#7110e1
```
#7110e1 rgb(113,16,225)
```

Shade Color Variation

#7b16ef
```
#7b16ef rgb(123,22,239)
```
#8529f0
```
#8529f0 rgb(133,41,240)
```
#903bf1
```
#903bf1 rgb(144,59,241)
```
#9a4df2
```
#9a4df2 rgb(154,77,242)
```
#a560f4
```
#a560f4 rgb(165,96,244)
```
#af72f5
```
#af72f5 rgb(175,114,245)
```
#b984f6
```
#b984f6 rgb(185,132,246)
```
#c497f8
```
#c497f8 rgb(196,151,248)
```
#cea9f9
```
#cea9f9 rgb(206,169,249)
```
#d9bbfa
```
#d9bbfa rgb(217,187,250)
```
#e3cefb
```
#e3cefb rgb(227,206,251)
```
#ede0fd
```
#ede0fd rgb(237,224,253)
```
#f8f2fe
```
#f8f2fe rgb(248,242,254)
```

Tint Color Variation

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

#b3b2b5
```
#b3b2b5 rgb(179,178,181)
```
#b3acbb
```
#b3acbb rgb(179,172,187)
```
#b3a6c1
```
#b3a6c1 rgb(179,166,193)
```
#b2a0c7
```
#b2a0c7 rgb(178,160,199)
```
#b29bcc
```
#b29bcc rgb(178,155,204)
```
#b195d2
```
#b195d2 rgb(177,149,210)
```
#b18fd8
```
#b18fd8 rgb(177,143,216)
```
#b189de
```
#b189de rgb(177,137,222)
```
#b083e4
```
#b083e4 rgb(176,131,228)
```
#b07ee9
```
#b07ee9 rgb(176,126,233)
```
#af78ef
```
#af78ef rgb(175,120,239)
```
#af72f5
```
#af72f5 rgb(175,114,245)
```
#af6cfb
```
#af6cfb rgb(175,108,251)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#998ca7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a92ff Protanopia 1% of men
#5896eb Deuteranopia 1% of men
#9f919c Tritanopia 0.001% of the population

Trichromacy

#7986fb Protanomaly 1% of men, 0.01% of women
#7789ee Deuteranomaly 6% of men, 0.4% of women
#a486bc Tritanomaly 0.01% of the population

#af72f5 hex color

#af72f5 Color Information

#af72f5 Color Conversion

Color Schemes with #af72f5

Alternatives to #af72f5

#af72f5 Preview

Shades and Tints of #af72f5

Tones of #af72f5

Color Blindness Simulator