#af74d8 hex color

In a RGB color space, hex #af74d8 is composed of 68.6% red, 45.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 46.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 275.4 degrees, a saturation of 56.2% and a lightness of 65.1%. #af74d8 color hex could be obtained by blending #ffe8ff with #5f00b1. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 45
- B 85
RGB color chart
- C 19
- M 46
- Y 0
- K 15
CMYK color chart

● #af74d8 color description : Slightly desaturated violet.

The hexadecimal color #af74d8 has RGB values of R:175, G:116, B:216 and CMYK values of C:0.19, M:0.46, Y:0, K:0.15. Its decimal value is 11498712.

Hex triplet	af74d8	`#af74d8`
RGB Decimal	175, 116, 216	`rgb(175,116,216)`
RGB Percent	68.6, 45.5, 84.7	`rgb(68.6%,45.5%,84.7%)`
CMYK	19, 46, 0, 15
HSL	275.4°, 56.2, 65.1	`hsl(275.4,56.2%,65.1%)`
HSV (or HSB)	275.4°, 46.3, 84.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.568, 41.41, -42.536
XYZ	36.317, 26.563, 68.176
xyY	0.277, 0.203, 26.563
CIE-LCH	58.568, 59.364, 314.232
CIE-LUV	58.568, 22.381, -71.858
Hunter-Lab	51.54, 35.586, -42.35
Binary	10101111, 01110100, 11011000

#af74d8
```
#af74d8 rgb(175,116,216)
```
#9dd874
```
#9dd874 rgb(157,216,116)
```

Complementary Color

#7d74d8
```
#7d74d8 rgb(125,116,216)
```
#af74d8
```
#af74d8 rgb(175,116,216)
```
#d874cf
```
#d874cf rgb(216,116,207)
```

Analogous Color

#74d87d
```
#74d87d rgb(116,216,125)
```
#af74d8
```
#af74d8 rgb(175,116,216)
```
#cfd874
```
#cfd874 rgb(207,216,116)
```

Split Complementary Color

#74d8af
```
#74d8af rgb(116,216,175)
```
#af74d8
```
#af74d8 rgb(175,116,216)
```
#d8af74
```
#d8af74 rgb(216,175,116)
```

Triadic Color

#749dd8
```
#749dd8 rgb(116,157,216)
```
#af74d8
```
#af74d8 rgb(175,116,216)
```
#d8af74
```
#d8af74 rgb(216,175,116)
```
#9dd874
```
#9dd874 rgb(157,216,116)
```

Tetradic Color

#8d38c7
```
#8d38c7 rgb(141,56,199)
```
#984ccd
```
#984ccd rgb(152,76,205)
```
#a460d2
```
#a460d2 rgb(164,96,210)
```
#af74d8
```
#af74d8 rgb(175,116,216)
```
#ba88de
```
#ba88de rgb(186,136,222)
```
#c69ce3
```
#c69ce3 rgb(198,156,227)
```
#d1b0e9
```
#d1b0e9 rgb(209,176,233)
```

Monochromatic Color

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

#9674d8
```
#9674d8 rgb(150,116,216)
```
#9e74d8
```
#9e74d8 rgb(158,116,216)
```
#a774d8
```
#a774d8 rgb(167,116,216)
```
#af74d8
```
#af74d8 rgb(175,116,216)
```
#b774d8
```
#b774d8 rgb(183,116,216)
```
#c074d8
```
#c074d8 rgb(192,116,216)
```
#c874d8
```
#c874d8 rgb(200,116,216)
```

Similar Colors

Text with hexadecimal color #af74d8

This text has a font color of #af74d8.

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

#af74d8 background color

This paragraph has a background color of #af74d8.

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

#af74d8 border color

This element has a border color of #af74d8.

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

CSS codes

.text {color:#af74d8;}

.background {background-color:#af74d8;}

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

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, #0a040e is the darkest color, while #fefeff is the lightest one.

#0a040e
```
#0a040e rgb(10,4,14)
```
#15081d
```
#15081d rgb(21,8,29)
```
#200d2d
```
#200d2d rgb(32,13,45)
```
#2a113c
```
#2a113c rgb(42,17,60)
```
#35154b
```
#35154b rgb(53,21,75)
```
#40195b
```
#40195b rgb(64,25,91)
```
#4b1e6a
```
#4b1e6a rgb(75,30,106)
```
#562279
```
#562279 rgb(86,34,121)
```
#602689
```
#602689 rgb(96,38,137)
```
#6b2b98
```
#6b2b98 rgb(107,43,152)
```
#762fa7
```
#762fa7 rgb(118,47,167)
```
#8133b7
```
#8133b7 rgb(129,51,183)
```
#8c38c6
```
#8c38c6 rgb(140,56,198)
```

Shade Color Variation

#9546cb
```
#9546cb rgb(149,70,203)
```
#9d55cf
```
#9d55cf rgb(157,85,207)
```
#a665d4
```
#a665d4 rgb(166,101,212)
```
#af74d8
```
#af74d8 rgb(175,116,216)
```
#b883dc
```
#b883dc rgb(184,131,220)
```
#c193e1
```
#c193e1 rgb(193,147,225)
```
#c9a2e5
```
#c9a2e5 rgb(201,162,229)
```
#d2b1e9
```
#d2b1e9 rgb(210,177,233)
```
#dbc1ed
```
#dbc1ed rgb(219,193,237)
```
#e4d0f2
```
#e4d0f2 rgb(228,208,242)
```
#eddff6
```
#eddff6 rgb(237,223,246)
```
#f6effa
```
#f6effa rgb(246,239,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a6a4a8
```
#a6a4a8 rgb(166,164,168)
```
#a89daf
```
#a89daf rgb(168,157,175)
```
#a996b6
```
#a996b6 rgb(169,150,182)
```
#aa8fbd
```
#aa8fbd rgb(170,143,189)
```
#ab89c3
```
#ab89c3 rgb(171,137,195)
```
#ad82ca
```
#ad82ca rgb(173,130,202)
```
#ae7bd1
```
#ae7bd1 rgb(174,123,209)
```
#af74d8
```
#af74d8 rgb(175,116,216)
```
#b06ddf
```
#b06ddf rgb(176,109,223)
```
#b166e6
```
#b166e6 rgb(177,102,230)
```
#b35fed
```
#b35fed rgb(179,95,237)
```
#b459f3
```
#b459f3 rgb(180,89,243)
```
#b552fa
```
#b552fa rgb(181,82,250)
```

Tone Color Variation

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

Dichromacy

#6a8fe9 Protanopia 1% of men
#7492d2 Deuteranopia 1% of men
#a68b95 Tritanopia 0.001% of the population

Trichromacy

#8385e3 Protanomaly 1% of men, 0.01% of women
#8987d4 Deuteranomaly 6% of men, 0.4% of women
#a983ad Tritanomaly 0.01% of the population

#af74d8 hex color

#af74d8 Color Information

#af74d8 Color Conversion

Color Schemes with #af74d8

Alternatives to #af74d8

#af74d8 Preview

Shades and Tints of #af74d8

Tones of #af74d8

Color Blindness Simulator