#af12a2 hex color

In a RGB color space, hex #af12a2 is composed of 68.6% red, 7.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.7% magenta, 7.4% yellow and 31.4% black. It has a hue angle of 305 degrees, a saturation of 81.3% and a lightness of 37.8%. #af12a2 color hex could be obtained by blending #ff24ff with #5f0045. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 69
- G 7
- B 64
RGB color chart
- C 0
- M 90
- Y 7
- K 31
CMYK color chart

● #af12a2 color description : Dark magenta.

The hexadecimal color #af12a2 has RGB values of R:175, G:18, B:162 and CMYK values of C:0, M:0.9, Y:0.07, K:0.31. Its decimal value is 11473570.

Hex triplet	af12a2	`#af12a2`
RGB Decimal	175, 18, 162	`rgb(175,18,162)`
RGB Percent	68.6, 7.1, 63.5	`rgb(68.6%,7.1%,63.5%)`
CMYK	0, 90, 7, 31
HSL	305°, 81.3, 37.8	`hsl(305,81.3%,37.8%)`
HSV (or HSB)	305°, 89.7, 68.6
Web Safe	990099	`#990099`

CIE-LAB	41.465, 70.156, -38.241
XYZ	24.417, 12.157, 35.241
xyY	0.34, 0.169, 12.157
CIE-LCH	41.465, 79.901, 331.406
CIE-LUV	41.465, 61.828, -63.719
Hunter-Lab	34.867, 63.984, -35.519
Binary	10101111, 00010010, 10100010

#af12a2
```
#af12a2 rgb(175,18,162)
```
#12af1f
```
#12af1f rgb(18,175,31)
```

Complementary Color

#6e12af
```
#6e12af rgb(110,18,175)
```
#af12a2
```
#af12a2 rgb(175,18,162)
```
#af1254
```
#af1254 rgb(175,18,84)
```

Analogous Color

#12af6e
```
#12af6e rgb(18,175,110)
```
#af12a2
```
#af12a2 rgb(175,18,162)
```
#54af12
```
#54af12 rgb(84,175,18)
```

Split Complementary Color

#12a2af
```
#12a2af rgb(18,162,175)
```
#af12a2
```
#af12a2 rgb(175,18,162)
```
#a2af12
```
#a2af12 rgb(162,175,18)
```

Triadic Color

#1f12af
```
#1f12af rgb(31,18,175)
```
#af12a2
```
#af12a2 rgb(175,18,162)
```
#a2af12
```
#a2af12 rgb(162,175,18)
```
#12af1f
```
#12af1f rgb(18,175,31)
```

Tetradic Color

#6a0b62
```
#6a0b62 rgb(106,11,98)
```
#810d77
```
#810d77 rgb(129,13,119)
```
#98108d
```
#98108d rgb(152,16,141)
```
#af12a2
```
#af12a2 rgb(175,18,162)
```
#c614b7
```
#c614b7 rgb(198,20,183)
```
#dd17cd
```
#dd17cd rgb(221,23,205)
```
#e925d8
```
#e925d8 rgb(233,37,216)
```

Monochromatic Color

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

#9512af
```
#9512af rgb(149,18,175)
```
#a212af
```
#a212af rgb(162,18,175)
```
#af12af
```
#af12af rgb(175,18,175)
```
#af12a2
```
#af12a2 rgb(175,18,162)
```
#af1295
```
#af1295 rgb(175,18,149)
```
#af1288
```
#af1288 rgb(175,18,136)
```
#af127b
```
#af127b rgb(175,18,123)
```

Similar Colors

Text with hexadecimal color #af12a2

This text has a font color of #af12a2.

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

#af12a2 background color

This paragraph has a background color of #af12a2.

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

#af12a2 border color

This element has a border color of #af12a2.

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

CSS codes

.text {color:#af12a2;}

.background {background-color:#af12a2;}

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

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

#0f020e
```
#0f020e rgb(15,2,14)
```
#21031e
```
#21031e rgb(33,3,30)
```
#32052f
```
#32052f rgb(50,5,47)
```
#44073f
```
#44073f rgb(68,7,63)
```
#560950
```
#560950 rgb(86,9,80)
```
#680b60
```
#680b60 rgb(104,11,96)
```
#7a0d71
```
#7a0d71 rgb(122,13,113)
```
#8b0e81
```
#8b0e81 rgb(139,14,129)
```
#9d1092
```
#9d1092 rgb(157,16,146)
```
#af12a2
```
#af12a2 rgb(175,18,162)
```
#c114b2
```
#c114b2 rgb(193,20,178)
```
#d316c3
```
#d316c3 rgb(211,22,195)
```
#e417d3
```
#e417d3 rgb(228,23,211)
```

Shade Color Variation

#e927d9
```
#e927d9 rgb(233,39,217)
```
#eb38dc
```
#eb38dc rgb(235,56,220)
```
#ec4adf
```
#ec4adf rgb(236,74,223)
```
#ee5ce2
```
#ee5ce2 rgb(238,92,226)
```
#f06ee5
```
#f06ee5 rgb(240,110,229)
```
#f280e8
```
#f280e8 rgb(242,128,232)
```
#f491ec
```
#f491ec rgb(244,145,236)
```
#f6a3ef
```
#f6a3ef rgb(246,163,239)
```
#f7b5f2
```
#f7b5f2 rgb(247,181,242)
```
#f9c7f5
```
#f9c7f5 rgb(249,199,245)
```
#fbd9f8
```
#fbd9f8 rgb(251,217,248)
```
#fdeafb
```
#fdeafb rgb(253,234,251)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#655c64
```
#655c64 rgb(101,92,100)
```
#6c556a
```
#6c556a rgb(108,85,106)
```
#744d70
```
#744d70 rgb(116,77,112)
```
#7b4677
```
#7b4677 rgb(123,70,119)
```
#823f7d
```
#823f7d rgb(130,63,125)
```
#8a3783
```
#8a3783 rgb(138,55,131)
```
#913089
```
#913089 rgb(145,48,137)
```
#99288f
```
#99288f rgb(153,40,143)
```
#a02196
```
#a02196 rgb(160,33,150)
```
#a8199c
```
#a8199c rgb(168,25,156)
```
#af12a2
```
#af12a2 rgb(175,18,162)
```
#b60ba8
```
#b60ba8 rgb(182,11,168)
```
#be03ae
```
#be03ae rgb(190,3,174)
```

Tone Color Variation

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

Dichromacy

#0066c9 Protanopia 1% of men
#546997 Deuteranopia 1% of men
#a94a4e Tritanopia 0.001% of the population

Trichromacy

#3f47ba Protanomaly 1% of men, 0.01% of women
#75499b Deuteranomaly 6% of men, 0.4% of women
#ab356d Tritanomaly 0.01% of the population

#af12a2 hex color

#af12a2 Color Information

#af12a2 Color Conversion

Color Schemes with #af12a2

Alternatives to #af12a2

#af12a2 Preview

Shades and Tints of #af12a2

Tones of #af12a2

Color Blindness Simulator