#af04e4 hex color

In a RGB color space, hex #af04e4 is composed of 68.6% red, 1.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 98.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 285.8 degrees, a saturation of 96.6% and a lightness of 45.5%. #af04e4 color hex could be obtained by blending #ff08ff with #5f00c9. Closest websafe color is: #9900cc.

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

● #af04e4 color description : Vivid magenta.

The hexadecimal color #af04e4 has RGB values of R:175, G:4, B:228 and CMYK values of C:0.23, M:0.98, Y:0, K:0.11. Its decimal value is 11470052.

Hex triplet	af04e4	`#af04e4`
RGB Decimal	175, 4, 228	`rgb(175,4,228)`
RGB Percent	68.6, 1.6, 89.4	`rgb(68.6%,1.6%,89.4%)`
CMYK	23, 98, 0, 11
HSL	285.8°, 96.6, 45.5	`hsl(285.8,96.6%,45.5%)`
HSV (or HSB)	285.8°, 98.2, 89.4
Web Safe	9900cc	`#9900cc`

CIE-LAB	45.364, 82.335, -70.5
XYZ	31.724, 14.804, 74.581
xyY	0.262, 0.122, 14.804
CIE-LCH	45.364, 108.394, 319.428
CIE-LUV	45.364, 40.045, -111.653
Hunter-Lab	38.475, 79.849, -87.995
Binary	10101111, 00000100, 11100100

#af04e4
```
#af04e4 rgb(175,4,228)
```
#39e404
```
#39e404 rgb(57,228,4)
```

Complementary Color

#3f04e4
```
#3f04e4 rgb(63,4,228)
```
#af04e4
```
#af04e4 rgb(175,4,228)
```
#e404a9
```
#e404a9 rgb(228,4,169)
```

Analogous Color

#04e43f
```
#04e43f rgb(4,228,63)
```
#af04e4
```
#af04e4 rgb(175,4,228)
```
#a9e404
```
#a9e404 rgb(169,228,4)
```

Split Complementary Color

#04e4af
```
#04e4af rgb(4,228,175)
```
#af04e4
```
#af04e4 rgb(175,4,228)
```
#e4af04
```
#e4af04 rgb(228,175,4)
```

Triadic Color

#0439e4
```
#0439e4 rgb(4,57,228)
```
#af04e4
```
#af04e4 rgb(175,4,228)
```
#e4af04
```
#e4af04 rgb(228,175,4)
```
#39e404
```
#39e404 rgb(57,228,4)
```

Tetradic Color

#750399
```
#750399 rgb(117,3,153)
```
#8903b2
```
#8903b2 rgb(137,3,178)
```
#9c04cb
```
#9c04cb rgb(156,4,203)
```
#af04e4
```
#af04e4 rgb(175,4,228)
```
#c107fb
```
#c107fb rgb(193,7,251)
```
#c720fb
```
#c720fb rgb(199,32,251)
```
#cd39fc
```
#cd39fc rgb(205,57,252)
```

Monochromatic Color

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

#7704e4
```
#7704e4 rgb(119,4,228)
```
#8a04e4
```
#8a04e4 rgb(138,4,228)
```
#9c04e4
```
#9c04e4 rgb(156,4,228)
```
#af04e4
```
#af04e4 rgb(175,4,228)
```
#c204e4
```
#c204e4 rgb(194,4,228)
```
#d404e4
```
#d404e4 rgb(212,4,228)
```
#e404e1
```
#e404e1 rgb(228,4,225)
```

Similar Colors

Text with hexadecimal color #af04e4

This text has a font color of #af04e4.

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

#af04e4 background color

This paragraph has a background color of #af04e4.

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

#af04e4 border color

This element has a border color of #af04e4.

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

CSS codes

.text {color:#af04e4;}

.background {background-color:#af04e4;}

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

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

#0c0010
```
#0c0010 rgb(12,0,16)
```
#1b0123
```
#1b0123 rgb(27,1,35)
```
#2a0137
```
#2a0137 rgb(42,1,55)
```
#39014a
```
#39014a rgb(57,1,74)
```
#47025d
```
#47025d rgb(71,2,93)
```
#560270
```
#560270 rgb(86,2,112)
```
#650284
```
#650284 rgb(101,2,132)
```
#740397
```
#740397 rgb(116,3,151)
```
#8303aa
```
#8303aa rgb(131,3,170)
```
#9103bd
```
#9103bd rgb(145,3,189)
```
#a004d1
```
#a004d1 rgb(160,4,209)
```
#af04e4
```
#af04e4 rgb(175,4,228)
```
#be04f7
```
#be04f7 rgb(190,4,247)
```

Shade Color Variation

#c414fb
```
#c414fb rgb(196,20,251)
```
#c928fb
```
#c928fb rgb(201,40,251)
```
#ce3bfc
```
#ce3bfc rgb(206,59,252)
```
#d34efc
```
#d34efc rgb(211,78,252)
```
#d861fc
```
#d861fc rgb(216,97,252)
```
#dc75fd
```
#dc75fd rgb(220,117,253)
```
#e188fd
```
#e188fd rgb(225,136,253)
```
#e69bfd
```
#e69bfd rgb(230,155,253)
```
#ebaffe
```
#ebaffe rgb(235,175,254)
```
#f0c2fe
```
#f0c2fe rgb(240,194,254)
```
#f5d5fe
```
#f5d5fe rgb(245,213,254)
```
#f9e8ff
```
#f9e8ff rgb(249,232,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#776f79
```
#776f79 rgb(119,111,121)
```
#7b6682
```
#7b6682 rgb(123,102,130)
```
#805d8b
```
#805d8b rgb(128,93,139)
```
#855494
```
#855494 rgb(133,84,148)
```
#894b9d
```
#894b9d rgb(137,75,157)
```
#8e42a6
```
#8e42a6 rgb(142,66,166)
```
#933aae
```
#933aae rgb(147,58,174)
```
#9731b7
```
#9731b7 rgb(151,49,183)
```
#9c28c0
```
#9c28c0 rgb(156,40,192)
```
#a11fc9
```
#a11fc9 rgb(161,31,201)
```
#a616d2
```
#a616d2 rgb(166,22,210)
```
#aa0ddb
```
#aa0ddb rgb(170,13,219)
```
#af04e4
```
#af04e4 rgb(175,4,228)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#64426e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075c0 Deuteranopia 1% of men
#9d6269 Tritanopia 0.001% of the population

Trichromacy

#3f48dd Protanomaly 1% of men, 0.01% of women
#3f4ccd Deuteranomaly 6% of men, 0.4% of women
#a34095 Tritanomaly 0.01% of the population

#af04e4 hex color

#af04e4 Color Information

#af04e4 Color Conversion

Color Schemes with #af04e4

Alternatives to #af04e4

#af04e4 Preview

Shades and Tints of #af04e4

Tones of #af04e4

Color Blindness Simulator