#af0de4 hex color

In a RGB color space, hex #af0de4 is composed of 68.6% red, 5.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 94.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 285.2 degrees, a saturation of 89.2% and a lightness of 47.3%. #af0de4 color hex could be obtained by blending #ff1aff with #5f00c9. Closest websafe color is: #9900cc.

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

● #af0de4 color description : Vivid magenta.

The hexadecimal color #af0de4 has RGB values of R:175, G:13, B:228 and CMYK values of C:0.23, M:0.94, Y:0, K:0.11. Its decimal value is 11472356.

Hex triplet	af0de4	`#af0de4`
RGB Decimal	175, 13, 228	`rgb(175,13,228)`
RGB Percent	68.6, 5.1, 89.4	`rgb(68.6%,5.1%,89.4%)`
CMYK	23, 94, 0, 11
HSL	285.2°, 89.2, 47.3	`hsl(285.2,89.2%,47.3%)`
HSV (or HSB)	285.2°, 94.3, 89.4
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.64, 81.509, -70.05
XYZ	31.825, 15.005, 74.614
xyY	0.262, 0.124, 15.005
CIE-LCH	45.64, 107.474, 319.324
CIE-LUV	45.64, 39.73, -111.208
Hunter-Lab	38.736, 78.867, -87.092
Binary	10101111, 00001101, 11100100

#af0de4
```
#af0de4 rgb(175,13,228)
```
#42e40d
```
#42e40d rgb(66,228,13)
```

Complementary Color

#430de4
```
#430de4 rgb(67,13,228)
```
#af0de4
```
#af0de4 rgb(175,13,228)
```
#e40dae
```
#e40dae rgb(228,13,174)
```

Analogous Color

#0de443
```
#0de443 rgb(13,228,67)
```
#af0de4
```
#af0de4 rgb(175,13,228)
```
#aee40d
```
#aee40d rgb(174,228,13)
```

Split Complementary Color

#0de4af
```
#0de4af rgb(13,228,175)
```
#af0de4
```
#af0de4 rgb(175,13,228)
```
#e4af0d
```
#e4af0d rgb(228,175,13)
```

Triadic Color

#0d42e4
```
#0d42e4 rgb(13,66,228)
```
#af0de4
```
#af0de4 rgb(175,13,228)
```
#e4af0d
```
#e4af0d rgb(228,175,13)
```
#42e40d
```
#42e40d rgb(66,228,13)
```

Tetradic Color

#77099c
```
#77099c rgb(119,9,156)
```
#8a0ab4
```
#8a0ab4 rgb(138,10,180)
```
#9c0ccc
```
#9c0ccc rgb(156,12,204)
```
#af0de4
```
#af0de4 rgb(175,13,228)
```
#bc19f2
```
#bc19f2 rgb(188,25,242)
```
#c331f3
```
#c331f3 rgb(195,49,243)
```
#ca49f5
```
#ca49f5 rgb(202,73,245)
```

Monochromatic Color

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

#790de4
```
#790de4 rgb(121,13,228)
```
#8b0de4
```
#8b0de4 rgb(139,13,228)
```
#9d0de4
```
#9d0de4 rgb(157,13,228)
```
#af0de4
```
#af0de4 rgb(175,13,228)
```
#c10de4
```
#c10de4 rgb(193,13,228)
```
#d30de4
```
#d30de4 rgb(211,13,228)
```
#e40de3
```
#e40de3 rgb(228,13,227)
```

Similar Colors

Text with hexadecimal color #af0de4

This text has a font color of #af0de4.

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

#af0de4 background color

This paragraph has a background color of #af0de4.

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

#af0de4 border color

This element has a border color of #af0de4.

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

CSS codes

.text {color:#af0de4;}

.background {background-color:#af0de4;}

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

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

#040005
```
#040005 rgb(4,0,5)
```
#120118
```
#120118 rgb(18,1,24)
```
#21022a
```
#21022a rgb(33,2,42)
```
#2f033d
```
#2f033d rgb(47,3,61)
```
#3d0550
```
#3d0550 rgb(61,5,80)
```
#4b0662
```
#4b0662 rgb(75,6,98)
```
#5a0775
```
#5a0775 rgb(90,7,117)
```
#680887
```
#680887 rgb(104,8,135)
```
#76099a
```
#76099a rgb(118,9,154)
```
#840aac
```
#840aac rgb(132,10,172)
```
#930bbf
```
#930bbf rgb(147,11,191)
```
#a10cd1
```
#a10cd1 rgb(161,12,209)
```
#af0de4
```
#af0de4 rgb(175,13,228)
```

Shade Color Variation

#bb13f2
```
#bb13f2 rgb(187,19,242)
```
#c026f3
```
#c026f3 rgb(192,38,243)
```
#c538f4
```
#c538f4 rgb(197,56,244)
```
#cb4bf5
```
#cb4bf5 rgb(203,75,245)
```
#d05df6
```
#d05df6 rgb(208,93,246)
```
#d670f7
```
#d670f7 rgb(214,112,247)
```
#db82f8
```
#db82f8 rgb(219,130,248)
```
#e095f9
```
#e095f9 rgb(224,149,249)
```
#e6a8fa
```
#e6a8fa rgb(230,168,250)
```
#ebbafb
```
#ebbafb rgb(235,186,251)
```
#f0cdfc
```
#f0cdfc rgb(240,205,252)
```
#f6dffd
```
#f6dffd rgb(246,223,253)
```
#fbf2fe
```
#fbf2fe rgb(251,242,254)
```

Tint Color Variation

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

#7b737e
```
#7b737e rgb(123,115,126)
```
#806a87
```
#806a87 rgb(128,106,135)
```
#856091
```
#856091 rgb(133,96,145)
```
#89579a
```
#89579a rgb(137,87,154)
```
#8e4ea3
```
#8e4ea3 rgb(142,78,163)
```
#9345ac
```
#9345ac rgb(147,69,172)
```
#983bb6
```
#983bb6 rgb(152,59,182)
```
#9c32bf
```
#9c32bf rgb(156,50,191)
```
#a129c8
```
#a129c8 rgb(161,41,200)
```
#a620d1
```
#a620d1 rgb(166,32,209)
```
#aa16db
```
#aa16db rgb(170,22,219)
```
#af0de4
```
#af0de4 rgb(175,13,228)
```
#b404ed
```
#b404ed rgb(180,4,237)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#684772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#9d636a Tritanopia 0.001% of the population

Trichromacy

#3f4cde Protanomaly 1% of men, 0.01% of women
#3f4fce Deuteranomaly 6% of men, 0.4% of women
#a34396 Tritanomaly 0.01% of the population

#af0de4 hex color

#af0de4 Color Information

#af0de4 Color Conversion

Color Schemes with #af0de4

Alternatives to #af0de4

#af0de4 Preview

Shades and Tints of #af0de4

Tones of #af0de4

Color Blindness Simulator