#af2f97 hex color

In a RGB color space, hex #af2f97 is composed of 68.6% red, 18.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 13.7% yellow and 31.4% black. It has a hue angle of 311.3 degrees, a saturation of 57.7% and a lightness of 43.5%. #af2f97 color hex could be obtained by blending #ff5eff with #5f002f. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 18
- B 59
RGB color chart
- C 0
- M 73
- Y 14
- K 31
CMYK color chart

● #af2f97 color description : Dark magenta.

The hexadecimal color #af2f97 has RGB values of R:175, G:47, B:151 and CMYK values of C:0, M:0.73, Y:0.14, K:0.31. Its decimal value is 11480983.

Hex triplet	af2f97	`#af2f97`
RGB Decimal	175, 47, 151	`rgb(175,47,151)`
RGB Percent	68.6, 18.4, 59.2	`rgb(68.6%,18.4%,59.2%)`
CMYK	0, 73, 14, 31
HSL	311.3°, 57.7, 43.5	`hsl(311.3,57.7%,43.5%)`
HSV (or HSB)	311.3°, 73.1, 68.6
Web Safe	993399	`#993399`

CIE-LAB	43.335, 61.506, -28.675
XYZ	24.281, 13.383, 30.581
xyY	0.356, 0.196, 13.383
CIE-LCH	43.335, 67.862, 335.005
CIE-LUV	43.335, 61.277, -49.631
Hunter-Lab	36.583, 54.457, -23.954
Binary	10101111, 00101111, 10010111

#af2f97
```
#af2f97 rgb(175,47,151)
```
#2faf47
```
#2faf47 rgb(47,175,71)
```

Complementary Color

#872faf
```
#872faf rgb(135,47,175)
```
#af2f97
```
#af2f97 rgb(175,47,151)
```
#af2f57
```
#af2f57 rgb(175,47,87)
```

Analogous Color

#2faf87
```
#2faf87 rgb(47,175,135)
```
#af2f97
```
#af2f97 rgb(175,47,151)
```
#57af2f
```
#57af2f rgb(87,175,47)
```

Split Complementary Color

#2f97af
```
#2f97af rgb(47,151,175)
```
#af2f97
```
#af2f97 rgb(175,47,151)
```
#97af2f
```
#97af2f rgb(151,175,47)
```

Triadic Color

#472faf
```
#472faf rgb(71,47,175)
```
#af2f97
```
#af2f97 rgb(175,47,151)
```
#97af2f
```
#97af2f rgb(151,175,47)
```
#2faf47
```
#2faf47 rgb(47,175,71)
```

Tetradic Color

#731f63
```
#731f63 rgb(115,31,99)
```
#872474
```
#872474 rgb(135,36,116)
```
#9b2a86
```
#9b2a86 rgb(155,42,134)
```
#af2f97
```
#af2f97 rgb(175,47,151)
```
#c334a8
```
#c334a8 rgb(195,52,168)
```
#cd44b3
```
#cd44b3 rgb(205,68,179)
```
#d258bb
```
#d258bb rgb(210,88,187)
```

Monochromatic Color

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

#a72faf
```
#a72faf rgb(167,47,175)
```
#af2fac
```
#af2fac rgb(175,47,172)
```
#af2fa2
```
#af2fa2 rgb(175,47,162)
```
#af2f97
```
#af2f97 rgb(175,47,151)
```
#af2f8c
```
#af2f8c rgb(175,47,140)
```
#af2f82
```
#af2f82 rgb(175,47,130)
```
#af2f77
```
#af2f77 rgb(175,47,119)
```

Similar Colors

Text with hexadecimal color #af2f97

This text has a font color of #af2f97.

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

#af2f97 background color

This paragraph has a background color of #af2f97.

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

#af2f97 border color

This element has a border color of #af2f97.

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

CSS codes

.text {color:#af2f97;}

.background {background-color:#af2f97;}

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

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

#050104
```
#050104 rgb(5,1,4)
```
#140512
```
#140512 rgb(20,5,18)
```
#240a1f
```
#240a1f rgb(36,10,31)
```
#330e2c
```
#330e2c rgb(51,14,44)
```
#43123a
```
#43123a rgb(67,18,58)
```
#521647
```
#521647 rgb(82,22,71)
```
#621a54
```
#621a54 rgb(98,26,84)
```
#711e62
```
#711e62 rgb(113,30,98)
```
#81236f
```
#81236f rgb(129,35,111)
```
#90277c
```
#90277c rgb(144,39,124)
```
#a02b8a
```
#a02b8a rgb(160,43,138)
```
#af2f97
```
#af2f97 rgb(175,47,151)
```
#be33a4
```
#be33a4 rgb(190,51,164)
```

Shade Color Variation

#ca3baf
```
#ca3baf rgb(202,59,175)
```
#ce4ab6
```
#ce4ab6 rgb(206,74,182)
```
#d35abc
```
#d35abc rgb(211,90,188)
```
#d769c2
```
#d769c2 rgb(215,105,194)
```
#db79c9
```
#db79c9 rgb(219,121,201)
```
#df88cf
```
#df88cf rgb(223,136,207)
```
#e398d5
```
#e398d5 rgb(227,152,213)
```
#e7a7db
```
#e7a7db rgb(231,167,219)
```
#ecb7e2
```
#ecb7e2 rgb(236,183,226)
```
#f0c6e8
```
#f0c6e8 rgb(240,198,232)
```
#f4d6ee
```
#f4d6ee rgb(244,214,238)
```
#f8e5f4
```
#f8e5f4 rgb(248,229,244)
```
#fcf4fb
```
#fcf4fb rgb(252,244,251)
```

Tint Color Variation

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

#736b72
```
#736b72 rgb(115,107,114)
```
#7c6277
```
#7c6277 rgb(124,98,119)
```
#845a7c
```
#845a7c rgb(132,90,124)
```
#8d5182
```
#8d5182 rgb(141,81,130)
```
#954987
```
#954987 rgb(149,73,135)
```
#9e408c
```
#9e408c rgb(158,64,140)
```
#a63892
```
#a63892 rgb(166,56,146)
```
#af2f97
```
#af2f97 rgb(175,47,151)
```
#b8269c
```
#b8269c rgb(184,38,156)
```
#c01ea2
```
#c01ea2 rgb(192,30,162)
```
#c915a7
```
#c915a7 rgb(201,21,167)
```
#d10dac
```
#d10dac rgb(209,13,172)
```
#da04b2
```
#da04b2 rgb(218,4,178)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#71576c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f6bbf Protanopia 1% of men
#646c90 Deuteranopia 1% of men
#ab5156 Tritanopia 0.001% of the population

Trichromacy

#6755b0 Protanomaly 1% of men, 0.01% of women
#7f5692 Deuteranomaly 6% of men, 0.4% of women
#ac446d Tritanomaly 0.01% of the population

#af2f97 hex color

#af2f97 Color Information

#af2f97 Color Conversion

Color Schemes with #af2f97

Alternatives to #af2f97

#af2f97 Preview

Shades and Tints of #af2f97

Tones of #af2f97

Color Blindness Simulator