#af74d4 hex color

In a RGB color space, hex #af74d4 is composed of 68.6% red, 45.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 45.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 276.9 degrees, a saturation of 52.7% and a lightness of 64.3%. #af74d4 color hex could be obtained by blending #ffe8ff with #5f00a9. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 45
- B 83
RGB color chart
- C 17
- M 45
- Y 0
- K 17
CMYK color chart

● #af74d4 color description : Slightly desaturated violet.

The hexadecimal color #af74d4 has RGB values of R:175, G:116, B:212 and CMYK values of C:0.17, M:0.45, Y:0, K:0.17. Its decimal value is 11498708.

Hex triplet	af74d4	`#af74d4`
RGB Decimal	175, 116, 212	`rgb(175,116,212)`
RGB Percent	68.6, 45.5, 83.1	`rgb(68.6%,45.5%,83.1%)`
CMYK	17, 45, 0, 17
HSL	276.9°, 52.7, 64.3	`hsl(276.9,52.7%,64.3%)`
HSV (or HSB)	276.9°, 45.3, 83.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.376, 40.527, -40.585
XYZ	35.807, 26.359, 65.485
xyY	0.281, 0.206, 26.359
CIE-LCH	58.376, 57.355, 314.959
CIE-LUV	58.376, 23.037, -68.579
Hunter-Lab	51.341, 34.644, -39.686
Binary	10101111, 01110100, 11010100

#af74d4
```
#af74d4 rgb(175,116,212)
```
#99d474
```
#99d474 rgb(153,212,116)
```

Complementary Color

#7f74d4
```
#7f74d4 rgb(127,116,212)
```
#af74d4
```
#af74d4 rgb(175,116,212)
```
#d474c9
```
#d474c9 rgb(212,116,201)
```

Analogous Color

#74d47f
```
#74d47f rgb(116,212,127)
```
#af74d4
```
#af74d4 rgb(175,116,212)
```
#c9d474
```
#c9d474 rgb(201,212,116)
```

Split Complementary Color

#74d4af
```
#74d4af rgb(116,212,175)
```
#af74d4
```
#af74d4 rgb(175,116,212)
```
#d4af74
```
#d4af74 rgb(212,175,116)
```

Triadic Color

#7499d4
```
#7499d4 rgb(116,153,212)
```
#af74d4
```
#af74d4 rgb(175,116,212)
```
#d4af74
```
#d4af74 rgb(212,175,116)
```
#99d474
```
#99d474 rgb(153,212,116)
```

Tetradic Color

#8d3bc0
```
#8d3bc0 rgb(141,59,192)
```
#994dc8
```
#994dc8 rgb(153,77,200)
```
#a461ce
```
#a461ce rgb(164,97,206)
```
#af74d4
```
#af74d4 rgb(175,116,212)
```
#ba87da
```
#ba87da rgb(186,135,218)
```
#c59be0
```
#c59be0 rgb(197,155,224)
```
#d1aee6
```
#d1aee6 rgb(209,174,230)
```

Monochromatic Color

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

#9774d4
```
#9774d4 rgb(151,116,212)
```
#9f74d4
```
#9f74d4 rgb(159,116,212)
```
#a774d4
```
#a774d4 rgb(167,116,212)
```
#af74d4
```
#af74d4 rgb(175,116,212)
```
#b774d4
```
#b774d4 rgb(183,116,212)
```
#bf74d4
```
#bf74d4 rgb(191,116,212)
```
#c774d4
```
#c774d4 rgb(199,116,212)
```

Similar Colors

Text with hexadecimal color #af74d4

This text has a font color of #af74d4.

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

#af74d4 background color

This paragraph has a background color of #af74d4.

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

#af74d4 border color

This element has a border color of #af74d4.

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

CSS codes

.text {color:#af74d4;}

.background {background-color:#af74d4;}

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

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, #08030b is the darkest color, while #fdfbfe is the lightest one.

#08030b
```
#08030b rgb(8,3,11)
```
#13081a
```
#13081a rgb(19,8,26)
```
#1e0d29
```
#1e0d29 rgb(30,13,41)
```
#291138
```
#291138 rgb(41,17,56)
```
#341647
```
#341647 rgb(52,22,71)
```
#3f1b56
```
#3f1b56 rgb(63,27,86)
```
#4a1f65
```
#4a1f65 rgb(74,31,101)
```
#552474
```
#552474 rgb(85,36,116)
```
#602883
```
#602883 rgb(96,40,131)
```
#6b2d92
```
#6b2d92 rgb(107,45,146)
```
#7632a1
```
#7632a1 rgb(118,50,161)
```
#8136b0
```
#8136b0 rgb(129,54,176)
```
#8c3bbf
```
#8c3bbf rgb(140,59,191)
```

Shade Color Variation

#9547c6
```
#9547c6 rgb(149,71,198)
```
#9e56cb
```
#9e56cb rgb(158,86,203)
```
#a665cf
```
#a665cf rgb(166,101,207)
```
#af74d4
```
#af74d4 rgb(175,116,212)
```
#b883d9
```
#b883d9 rgb(184,131,217)
```
#c092dd
```
#c092dd rgb(192,146,221)
```
#c9a1e2
```
#c9a1e2 rgb(201,161,226)
```
#d1b0e7
```
#d1b0e7 rgb(209,176,231)
```
#dabfeb
```
#dabfeb rgb(218,191,235)
```
#e3cef0
```
#e3cef0 rgb(227,206,240)
```
#ebddf4
```
#ebddf4 rgb(235,221,244)
```
#f4ecf9
```
#f4ecf9 rgb(244,236,249)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#a59eaa
```
#a59eaa rgb(165,158,170)
```
#a797b1
```
#a797b1 rgb(167,151,177)
```
#a990b8
```
#a990b8 rgb(169,144,184)
```
#aa89bf
```
#aa89bf rgb(170,137,191)
```
#ac82c6
```
#ac82c6 rgb(172,130,198)
```
#ad7bcd
```
#ad7bcd rgb(173,123,205)
```
#af74d4
```
#af74d4 rgb(175,116,212)
```
#b16ddb
```
#b16ddb rgb(177,109,219)
```
#b266e2
```
#b266e2 rgb(178,102,226)
```
#b45fe9
```
#b45fe9 rgb(180,95,233)
```
#b558f0
```
#b558f0 rgb(181,88,240)
```
#b751f7
```
#b751f7 rgb(183,81,247)
```
#b94afe
```
#b94afe rgb(185,74,254)
```

Tone Color Variation

Below, you can see how #af74d4 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
#978b9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c8fe5 Protanopia 1% of men
#7691ce Deuteranopia 1% of men
#a68b94 Tritanopia 0.001% of the population

Trichromacy

#8485df Protanomaly 1% of men, 0.01% of women
#8b86d0 Deuteranomaly 6% of men, 0.4% of women
#a982ab Tritanomaly 0.01% of the population

#af74d4 hex color

#af74d4 Color Information

#af74d4 Color Conversion

Color Schemes with #af74d4

Alternatives to #af74d4

#af74d4 Preview

Shades and Tints of #af74d4

Tones of #af74d4

Color Blindness Simulator