colorhexa.com

#af04d1 hex color

In a RGB color space, hex #af04d1 is composed of 68.6% red, 1.6% green and 82% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 98.1% magenta, 0% yellow and 18% black. It has a hue angle of 290 degrees, a saturation of 96.2% and a lightness of 41.8%. #af04d1 color hex could be obtained by blending #ff08ff with #5f00a3. Closest websafe color is: #9900cc.

- R 69
- G 2
- B 82
RGB color chart
- C 16
- M 98
- Y 0
- K 18
CMYK color chart

● #af04d1 color description : Strong magenta.

The hexadecimal color #af04d1 has RGB values of R:175, G:4, B:209 and CMYK values of C:0.16, M:0.98, Y:0, K:0.18. Its decimal value is 11470033.

Hex triplet	af04d1	`#af04d1`
RGB Decimal	175, 4, 209	`rgb(175,4,209)`
RGB Percent	68.6, 1.6, 82	`rgb(68.6%,1.6%,82%)`
CMYK	16, 98, 0, 18
HSL	290°, 96.2, 41.8	`hsl(290,96.2%,41.8%)`
HSV (or HSB)	290°, 98.1, 82
Web Safe	9900cc	`#9900cc`

CIE-LAB	43.953, 79.076, -61.906
XYZ	29.23, 13.806, 61.443
xyY	0.28, 0.132, 13.806
CIE-LCH	43.953, 100.426, 321.944
CIE-LUV	43.953, 45.776, -98.824
Hunter-Lab	37.156, 75.4, -72.036
Binary	10101111, 00000100, 11010001

#af04d1
```
#af04d1 rgb(175,4,209)
```
#26d104
```
#26d104 rgb(38,209,4)
```

Complementary Color

#4904d1
```
#4904d1 rgb(73,4,209)
```
#af04d1
```
#af04d1 rgb(175,4,209)
```
#d1048d
```
#d1048d rgb(209,4,141)
```

Analogous Color

#04d149
```
#04d149 rgb(4,209,73)
```
#af04d1
```
#af04d1 rgb(175,4,209)
```
#8dd104
```
#8dd104 rgb(141,209,4)
```

Split Complementary Color

#04d1af
```
#04d1af rgb(4,209,175)
```
#af04d1
```
#af04d1 rgb(175,4,209)
```
#d1af04
```
#d1af04 rgb(209,175,4)
```

Triadic Color

#700386
```
#700386 rgb(112,3,134)
```
#85039f
```
#85039f rgb(133,3,159)
```
#9a04b8
```
#9a04b8 rgb(154,4,184)
```
#af04d1
```
#af04d1 rgb(175,4,209)
```
#c404ea
```
#c404ea rgb(196,4,234)
```
#d30efa
```
#d30efa rgb(211,14,250)
```
#d827fb
```
#d827fb rgb(216,39,251)
```

Monochromatic Color

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

#7c04d1
```
#7c04d1 rgb(124,4,209)
```
#8d04d1
```
#8d04d1 rgb(141,4,209)
```
#9e04d1
```
#9e04d1 rgb(158,4,209)
```
#af04d1
```
#af04d1 rgb(175,4,209)
```
#c004d1
```
#c004d1 rgb(192,4,209)
```
#d104d1
```
#d104d1 rgb(209,4,209)
```
#d104c0
```
#d104c0 rgb(209,4,192)
```

Similar Colors

Text with hexadecimal color #af04d1

This text has a font color of #af04d1.

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

#af04d1 background color

This paragraph has a background color of #af04d1.

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

#af04d1 border color

This element has a border color of #af04d1.

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

CSS codes

.text {color:#af04d1;}

.background {background-color:#af04d1;}

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

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

#0e0011
```
#0e0011 rgb(14,0,17)
```
#1e0124
```
#1e0124 rgb(30,1,36)
```
#2e0137
```
#2e0137 rgb(46,1,55)
```
#3e014a
```
#3e014a rgb(62,1,74)
```
#4e025e
```
#4e025e rgb(78,2,94)
```
#5e0271
```
#5e0271 rgb(94,2,113)
```
#6f0384
```
#6f0384 rgb(111,3,132)
```
#7f0397
```
#7f0397 rgb(127,3,151)
```
#8f03ab
```
#8f03ab rgb(143,3,171)
```
#9f04be
```
#9f04be rgb(159,4,190)
```
#af04d1
```
#af04d1 rgb(175,4,209)
```
#bf04e4
```
#bf04e4 rgb(191,4,228)
```
#cf05f7
```
#cf05f7 rgb(207,5,247)
```

Shade Color Variation

#d515fb
```
#d515fb rgb(213,21,251)
```
#d829fb
```
#d829fb rgb(216,41,251)
```
#dc3cfb
```
#dc3cfb rgb(220,60,251)
```
#df4ffc
```
#df4ffc rgb(223,79,252)
```
#e362fc
```
#e362fc rgb(227,98,252)
```
#e676fc
```
#e676fc rgb(230,118,252)
```
#ea89fd
```
#ea89fd rgb(234,137,253)
```
#ed9cfd
```
#ed9cfd rgb(237,156,253)
```
#f1affd
```
#f1affd rgb(241,175,253)
```
#f4c3fe
```
#f4c3fe rgb(244,195,254)
```
#f8d6fe
```
#f8d6fe rgb(248,214,254)
```
#fbe9ff
```
#fbe9ff rgb(251,233,255)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#6d666f
```
#6d666f rgb(109,102,111)
```
#735e77
```
#735e77 rgb(115,94,119)
```
#78567f
```
#78567f rgb(120,86,127)
```
#7e4e87
```
#7e4e87 rgb(126,78,135)
```
#83468f
```
#83468f rgb(131,70,143)
```
#893d98
```
#893d98 rgb(137,61,152)
```
#8e35a0
```
#8e35a0 rgb(142,53,160)
```
#942da8
```
#942da8 rgb(148,45,168)
```
#9925b0
```
#9925b0 rgb(153,37,176)
```
#9f1db8
```
#9f1db8 rgb(159,29,184)
```
#a414c1
```
#a414c1 rgb(164,20,193)
```
#aa0cc9
```
#aa0cc9 rgb(170,12,201)
```
#af04d1
```
#af04d1 rgb(175,4,209)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#613f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0071bd Deuteranopia 1% of men
#a15a60 Tritanopia 0.001% of the population

Trichromacy

#3f46d2 Protanomaly 1% of men, 0.01% of women
#3f49c4 Deuteranomaly 6% of men, 0.4% of women
#a63b89 Tritanomaly 0.01% of the population