#af74e2 hex color

In a RGB color space, hex #af74e2 is composed of 68.6% red, 45.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 48.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 272.2 degrees, a saturation of 65.5% and a lightness of 67.1%. #af74e2 color hex could be obtained by blending #ffe8ff with #5f00c5. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 45
- B 89
RGB color chart
- C 23
- M 49
- Y 0
- K 11
CMYK color chart

● #af74e2 color description : Soft violet.

The hexadecimal color #af74e2 has RGB values of R:175, G:116, B:226 and CMYK values of C:0.23, M:0.49, Y:0, K:0.11. Its decimal value is 11498722.

Hex triplet	af74e2	`#af74e2`
RGB Decimal	175, 116, 226	`rgb(175,116,226)`
RGB Percent	68.6, 45.5, 88.6	`rgb(68.6%,45.5%,88.6%)`
CMYK	23, 49, 0, 11
HSL	272.2°, 65.5, 67.1	`hsl(272.2,65.5%,67.1%)`
HSV (or HSB)	272.2°, 48.7, 88.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	59.063, 43.659, -47.362
XYZ	37.65, 27.096, 75.194
xyY	0.269, 0.194, 27.096
CIE-LCH	59.063, 64.415, 312.67
CIE-LUV	59.063, 20.766, -79.992
Hunter-Lab	52.054, 38.012, -49.209
Binary	10101111, 01110100, 11100010

#af74e2
```
#af74e2 rgb(175,116,226)
```
#a7e274
```
#a7e274 rgb(167,226,116)
```

Complementary Color

#7874e2
```
#7874e2 rgb(120,116,226)
```
#af74e2
```
#af74e2 rgb(175,116,226)
```
#e274de
```
#e274de rgb(226,116,222)
```

Analogous Color

#74e278
```
#74e278 rgb(116,226,120)
```
#af74e2
```
#af74e2 rgb(175,116,226)
```
#dee274
```
#dee274 rgb(222,226,116)
```

Split Complementary Color

#74e2af
```
#74e2af rgb(116,226,175)
```
#af74e2
```
#af74e2 rgb(175,116,226)
```
#e2af74
```
#e2af74 rgb(226,175,116)
```

Triadic Color

#74a7e2
```
#74a7e2 rgb(116,167,226)
```
#af74e2
```
#af74e2 rgb(175,116,226)
```
#e2af74
```
#e2af74 rgb(226,175,116)
```
#a7e274
```
#a7e274 rgb(167,226,116)
```

Tetradic Color

#8b35d5
```
#8b35d5 rgb(139,53,213)
```
#974ad9
```
#974ad9 rgb(151,74,217)
```
#a35fde
```
#a35fde rgb(163,95,222)
```
#af74e2
```
#af74e2 rgb(175,116,226)
```
#bb89e6
```
#bb89e6 rgb(187,137,230)
```
#c79eeb
```
#c79eeb rgb(199,158,235)
```
#d3b3ef
```
#d3b3ef rgb(211,179,239)
```

Monochromatic Color

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

#9474e2
```
#9474e2 rgb(148,116,226)
```
#9d74e2
```
#9d74e2 rgb(157,116,226)
```
#a674e2
```
#a674e2 rgb(166,116,226)
```
#af74e2
```
#af74e2 rgb(175,116,226)
```
#b874e2
```
#b874e2 rgb(184,116,226)
```
#c174e2
```
#c174e2 rgb(193,116,226)
```
#cb74e2
```
#cb74e2 rgb(203,116,226)
```

Similar Colors

Text with hexadecimal color #af74e2

This text has a font color of #af74e2.

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

#af74e2 background color

This paragraph has a background color of #af74e2.

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

#af74e2 border color

This element has a border color of #af74e2.

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

CSS codes

.text {color:#af74e2;}

.background {background-color:#af74e2;}

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0f0517
```
#0f0517 rgb(15,5,23)
```
#190828
```
#190828 rgb(25,8,40)
```
#230c38
```
#230c38 rgb(35,12,56)
```
#2e0f48
```
#2e0f48 rgb(46,15,72)
```
#381258
```
#381258 rgb(56,18,88)
```
#421668
```
#421668 rgb(66,22,104)
```
#4c1979
```
#4c1979 rgb(76,25,121)
```
#571d89
```
#571d89 rgb(87,29,137)
```
#612099
```
#612099 rgb(97,32,153)
```
#6b23a9
```
#6b23a9 rgb(107,35,169)
```
#7527ba
```
#7527ba rgb(117,39,186)
```
#802aca
```
#802aca rgb(128,42,202)
```

Shade Color Variation

#8a33d4
```
#8a33d4 rgb(138,51,212)
```
#9343d8
```
#9343d8 rgb(147,67,216)
```
#9c54db
```
#9c54db rgb(156,84,219)
```
#a664df
```
#a664df rgb(166,100,223)
```
#af74e2
```
#af74e2 rgb(175,116,226)
```
#b884e5
```
#b884e5 rgb(184,132,229)
```
#c294e9
```
#c294e9 rgb(194,148,233)
```
#cba5ec
```
#cba5ec rgb(203,165,236)
```
#d4b5f0
```
#d4b5f0 rgb(212,181,240)
```
#dec5f3
```
#dec5f3 rgb(222,197,243)
```
#e7d5f6
```
#e7d5f6 rgb(231,213,246)
```
#f0e6fa
```
#f0e6fa rgb(240,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, #aba8ae is the less saturated color, while #b15afc is the most saturated one.

#aba8ae
```
#aba8ae rgb(171,168,174)
```
#aca1b5
```
#aca1b5 rgb(172,161,181)
```
#ac9bbb
```
#ac9bbb rgb(172,155,187)
```
#ad94c2
```
#ad94c2 rgb(173,148,194)
```
#ad8ec8
```
#ad8ec8 rgb(173,142,200)
```
#ae87cf
```
#ae87cf rgb(174,135,207)
```
#ae81d5
```
#ae81d5 rgb(174,129,213)
```
#af7adc
```
#af7adc rgb(175,122,220)
```
#af74e2
```
#af74e2 rgb(175,116,226)
```
#af6ee8
```
#af6ee8 rgb(175,110,232)
```
#b067ef
```
#b067ef rgb(176,103,239)
```
#b061f5
```
#b061f5 rgb(176,97,245)
```
#b15afc
```
#b15afc rgb(177,90,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#988ca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6290f4 Protanopia 1% of men
#6c93db Deuteranopia 1% of men
#a38e98 Tritanopia 0.001% of the population

Trichromacy

#7e86ed Protanomaly 1% of men, 0.01% of women
#8488dd Deuteranomaly 6% of men, 0.4% of women
#a784b3 Tritanomaly 0.01% of the population

#af74e2 hex color

#af74e2 Color Information

#af74e2 Color Conversion

Color Schemes with #af74e2

Alternatives to #af74e2

#af74e2 Preview

Shades and Tints of #af74e2

Tones of #af74e2

Color Blindness Simulator