#af34a5 hex color

In a RGB color space, hex #af34a5 is composed of 68.6% red, 20.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.3% magenta, 5.7% yellow and 31.4% black. It has a hue angle of 304.9 degrees, a saturation of 54.2% and a lightness of 44.5%. #af34a5 color hex could be obtained by blending #ff68ff with #5f004b. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 20
- B 65
RGB color chart
- C 0
- M 70
- Y 6
- K 31
CMYK color chart

● #af34a5 color description : Dark magenta.

The hexadecimal color #af34a5 has RGB values of R:175, G:52, B:165 and CMYK values of C:0, M:0.7, Y:0.06, K:0.31. Its decimal value is 11482277.

Hex triplet	af34a5	`#af34a5`
RGB Decimal	175, 52, 165	`rgb(175,52,165)`
RGB Percent	68.6, 20.4, 64.7	`rgb(68.6%,20.4%,64.7%)`
CMYK	0, 70, 6, 31
HSL	304.9°, 54.2, 44.5	`hsl(304.9,54.2%,44.5%)`
HSV (or HSB)	304.9°, 70.3, 68.6
Web Safe	993399	`#993399`

CIE-LAB	44.644, 61.92, -35.007
XYZ	25.698, 14.288, 37
xyY	0.334, 0.186, 14.288
CIE-LCH	44.644, 71.131, 330.518
CIE-LUV	44.644, 55.135, -59.193
Hunter-Lab	37.8, 55.204, -31.575
Binary	10101111, 00110100, 10100101

#af34a5
```
#af34a5 rgb(175,52,165)
```
#34af3e
```
#34af3e rgb(52,175,62)
```

Complementary Color

#7c34af
```
#7c34af rgb(124,52,175)
```
#af34a5
```
#af34a5 rgb(175,52,165)
```
#af3468
```
#af3468 rgb(175,52,104)
```

Analogous Color

#34af7c
```
#34af7c rgb(52,175,124)
```
#af34a5
```
#af34a5 rgb(175,52,165)
```
#68af34
```
#68af34 rgb(104,175,52)
```

Split Complementary Color

#34a5af
```
#34a5af rgb(52,165,175)
```
#af34a5
```
#af34a5 rgb(175,52,165)
```
#a5af34
```
#a5af34 rgb(165,175,52)
```

Triadic Color

#3e34af
```
#3e34af rgb(62,52,175)
```
#af34a5
```
#af34a5 rgb(175,52,165)
```
#a5af34
```
#a5af34 rgb(165,175,52)
```
#34af3e
```
#34af3e rgb(52,175,62)
```

Tetradic Color

#74226d
```
#74226d rgb(116,34,109)
```
#882880
```
#882880 rgb(136,40,128)
```
#9b2e92
```
#9b2e92 rgb(155,46,146)
```
#af34a5
```
#af34a5 rgb(175,52,165)
```
#c33ab8
```
#c33ab8 rgb(195,58,184)
```
#ca4cc0
```
#ca4cc0 rgb(202,76,192)
```
#d060c7
```
#d060c7 rgb(208,96,199)
```

Monochromatic Color

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

#9a34af
```
#9a34af rgb(154,52,175)
```
#a534af
```
#a534af rgb(165,52,175)
```
#af34af
```
#af34af rgb(175,52,175)
```
#af34a5
```
#af34a5 rgb(175,52,165)
```
#af349b
```
#af349b rgb(175,52,155)
```
#af3491
```
#af3491 rgb(175,52,145)
```
#af3486
```
#af3486 rgb(175,52,134)
```

Similar Colors

Text with hexadecimal color #af34a5

This text has a font color of #af34a5.

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

#af34a5 background color

This paragraph has a background color of #af34a5.

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

#af34a5 border color

This element has a border color of #af34a5.

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

CSS codes

.text {color:#af34a5;}

.background {background-color:#af34a5;}

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

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

#090308
```
#090308 rgb(9,3,8)
```
#180716
```
#180716 rgb(24,7,22)
```
#270c25
```
#270c25 rgb(39,12,37)
```
#361033
```
#361033 rgb(54,16,51)
```
#451541
```
#451541 rgb(69,21,65)
```
#54194f
```
#54194f rgb(84,25,79)
```
#631e5e
```
#631e5e rgb(99,30,94)
```
#73226c
```
#73226c rgb(115,34,108)
```
#82277a
```
#82277a rgb(130,39,122)
```
#912b88
```
#912b88 rgb(145,43,136)
```
#a03097
```
#a03097 rgb(160,48,151)
```
#af34a5
```
#af34a5 rgb(175,52,165)
```
#be38b3
```
#be38b3 rgb(190,56,179)
```

Shade Color Variation

#c743bc
```
#c743bc rgb(199,67,188)
```
#cc52c2
```
#cc52c2 rgb(204,82,194)
```
#d061c7
```
#d061c7 rgb(208,97,199)
```
#d570cc
```
#d570cc rgb(213,112,204)
```
#d980d2
```
#d980d2 rgb(217,128,210)
```
#de8fd7
```
#de8fd7 rgb(222,143,215)
```
#e29edd
```
#e29edd rgb(226,158,221)
```
#e7ade2
```
#e7ade2 rgb(231,173,226)
```
#ebbce7
```
#ebbce7 rgb(235,188,231)
```
#f0cbed
```
#f0cbed rgb(240,203,237)
```
#f4daf2
```
#f4daf2 rgb(244,218,242)
```
#f9e9f7
```
#f9e9f7 rgb(249,233,247)
```
#fdf9fd
```
#fdf9fd rgb(253,249,253)
```

Tint Color Variation

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

#727172
```
#727172 rgb(114,113,114)
```
#7b6879
```
#7b6879 rgb(123,104,121)
```
#836080
```
#836080 rgb(131,96,128)
```
#8c5788
```
#8c5788 rgb(140,87,136)
```
#954e8f
```
#954e8f rgb(149,78,143)
```
#9e4596
```
#9e4596 rgb(158,69,150)
```
#a63d9e
```
#a63d9e rgb(166,61,158)
```
#af34a5
```
#af34a5 rgb(175,52,165)
```
#b82bac
```
#b82bac rgb(184,43,172)
```
#c023b4
```
#c023b4 rgb(192,35,180)
```
#c91abb
```
#c91abb rgb(201,26,187)
```
#d211c2
```
#d211c2 rgb(210,17,194)
```
#db08ca
```
#db08ca rgb(219,8,202)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#755c73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#336ecd Protanopia 1% of men
#5f709d Deuteranopia 1% of men
#aa585d Tritanopia 0.001% of the population

Trichromacy

#6059be Protanomaly 1% of men, 0.01% of women
#7c5a9f Deuteranomaly 6% of men, 0.4% of women
#ab4a77 Tritanomaly 0.01% of the population

#af34a5 hex color

#af34a5 Color Information

#af34a5 Color Conversion

Color Schemes with #af34a5

Alternatives to #af34a5

#af34a5 Preview

Shades and Tints of #af34a5

Tones of #af34a5

Color Blindness Simulator