#af02af hex color

In a RGB color space, hex #af02af is composed of 68.6% red, 0.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 300 degrees, a saturation of 97.7% and a lightness of 34.7%. #af02af color hex could be obtained by blending #ff04ff with #5f005f. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 69
- G 1
- B 69
RGB color chart
- C 0
- M 99
- Y 0
- K 31
CMYK color chart

● #af02af color description : Dark magenta.

The hexadecimal color #af02af has RGB values of R:175, G:2, B:175 and CMYK values of C:0, M:0.99, Y:0, K:0.31. Its decimal value is 11469487.

Hex triplet	af02af	`#af02af`
RGB Decimal	175, 2, 175	`rgb(175,2,175)`
RGB Percent	68.6, 0.8, 68.6	`rgb(68.6%,0.8%,68.6%)`
CMYK	0, 99, 0, 31
HSL	300°, 97.7, 34.7	`hsl(300,97.7%,34.7%)`
HSV (or HSB)	300°, 98.9, 68.6
Web Safe	990099	`#990099`

CIE-LAB	41.617, 73.869, -45.762
XYZ	25.438, 12.254, 41.581
xyY	0.321, 0.155, 12.254
CIE-LCH	41.617, 86.895, 328.222
CIE-LUV	41.617, 57.79, -74.73
Hunter-Lab	35.006, 68.452, -45.921
Binary	10101111, 00000010, 10101111

#af02af
```
#af02af rgb(175,2,175)
```
#02af02
```
#02af02 rgb(2,175,2)
```

Complementary Color

#5902af
```
#5902af rgb(89,2,175)
```
#af02af
```
#af02af rgb(175,2,175)
```
#af0259
```
#af0259 rgb(175,2,89)
```

Analogous Color

#02af59
```
#02af59 rgb(2,175,89)
```
#af02af
```
#af02af rgb(175,2,175)
```
#59af02
```
#59af02 rgb(89,175,2)
```

Split Complementary Color

#02afaf
```
#02afaf rgb(2,175,175)
```
#af02af
```
#af02af rgb(175,2,175)
```
#afaf02
```
#afaf02 rgb(175,175,2)
```

Triadic Color

#0202af
```
#0202af rgb(2,2,175)
```
#af02af
```
#af02af rgb(175,2,175)
```
#afaf02
```
#afaf02 rgb(175,175,2)
```
#02af02
```
#02af02 rgb(2,175,2)
```

Tetradic Color

#630163
```
#630163 rgb(99,1,99)
```
#7d017d
```
#7d017d rgb(125,1,125)
```
#960296
```
#960296 rgb(150,2,150)
```
#af02af
```
#af02af rgb(175,2,175)
```
#c802c8
```
#c802c8 rgb(200,2,200)
```
#e103e1
```
#e103e1 rgb(225,3,225)
```
#fb03fb
```
#fb03fb rgb(251,3,251)
```

Monochromatic Color

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

#8402af
```
#8402af rgb(132,2,175)
```
#9202af
```
#9202af rgb(146,2,175)
```
#a102af
```
#a102af rgb(161,2,175)
```
#af02af
```
#af02af rgb(175,2,175)
```
#af02a1
```
#af02a1 rgb(175,2,161)
```
#af0292
```
#af0292 rgb(175,2,146)
```
#af0284
```
#af0284 rgb(175,2,132)
```

Similar Colors

Text with hexadecimal color #af02af

This text has a font color of #af02af.

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

#af02af background color

This paragraph has a background color of #af02af.

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

#af02af border color

This element has a border color of #af02af.

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

CSS codes

.text {color:#af02af;}

.background {background-color:#af02af;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140014
```
#140014 rgb(20,0,20)
```
#270027
```
#270027 rgb(39,0,39)
```
#3b013b
```
#3b013b rgb(59,1,59)
```
#4e014e
```
#4e014e rgb(78,1,78)
```
#610161
```
#610161 rgb(97,1,97)
```
#750175
```
#750175 rgb(117,1,117)
```
#880288
```
#880288 rgb(136,2,136)
```
#9c029c
```
#9c029c rgb(156,2,156)
```
#af02af
```
#af02af rgb(175,2,175)
```
#c202c2
```
#c202c2 rgb(194,2,194)
```
#d602d6
```
#d602d6 rgb(214,2,214)
```
#e903e9
```
#e903e9 rgb(233,3,233)
```

Shade Color Variation

#fc03fc
```
#fc03fc rgb(252,3,252)
```
#fc17fc
```
#fc17fc rgb(252,23,252)
```
#fd2afd
```
#fd2afd rgb(253,42,253)
```
#fd3efd
```
#fd3efd rgb(253,62,253)
```
#fd51fd
```
#fd51fd rgb(253,81,253)
```
#fd64fd
```
#fd64fd rgb(253,100,253)
```
#fd78fd
```
#fd78fd rgb(253,120,253)
```
#fe8bfe
```
#fe8bfe rgb(254,139,254)
```
#fe9efe
```
#fe9efe rgb(254,158,254)
```
#feb2fe
```
#feb2fe rgb(254,178,254)
```
#fec5fe
```
#fec5fe rgb(254,197,254)
```
#ffd9ff
```
#ffd9ff rgb(255,217,255)
```
#ffecff
```
#ffecff rgb(255,236,255)
```

Tint Color Variation

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

#5d545d
```
#5d545d rgb(93,84,93)
```
#644d64
```
#644d64 rgb(100,77,100)
```
#6b466b
```
#6b466b rgb(107,70,107)
```
#723f72
```
#723f72 rgb(114,63,114)
```
#793879
```
#793879 rgb(121,56,121)
```
#7f327f
```
#7f327f rgb(127,50,127)
```
#862b86
```
#862b86 rgb(134,43,134)
```
#8d248d
```
#8d248d rgb(141,36,141)
```
#941d94
```
#941d94 rgb(148,29,148)
```
#9b169b
```
#9b169b rgb(155,22,155)
```
#a110a1
```
#a110a1 rgb(161,16,161)
```
#a809a8
```
#a809a8 rgb(168,9,168)
```
#af02af
```
#af02af rgb(175,2,175)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5d3b5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#476aa2 Deuteranopia 1% of men
#a74c51 Tritanopia 0.001% of the population

Trichromacy

#3f42bf Protanomaly 1% of men, 0.01% of women
#6d44a6 Deuteranomaly 6% of men, 0.4% of women
#aa3173 Tritanomaly 0.01% of the population

#af02af hex color

#af02af Color Information

#af02af Color Conversion

Color Schemes with #af02af

Alternatives to #af02af

#af02af Preview

Shades and Tints of #af02af

Tones of #af02af

Color Blindness Simulator