#af38a2 hex color

In a RGB color space, hex #af38a2 is composed of 68.6% red, 22% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68% magenta, 7.4% yellow and 31.4% black. It has a hue angle of 306.6 degrees, a saturation of 51.5% and a lightness of 45.3%. #af38a2 color hex could be obtained by blending #ff70ff with #5f0045. Closest websafe color is: #993399.

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

● #af38a2 color description : Dark moderate magenta.

The hexadecimal color #af38a2 has RGB values of R:175, G:56, B:162 and CMYK values of C:0, M:0.68, Y:0.07, K:0.31. Its decimal value is 11483298.

Hex triplet	af38a2	`#af38a2`
RGB Decimal	175, 56, 162	`rgb(175,56,162)`
RGB Percent	68.6, 22, 63.5	`rgb(68.6%,22%,63.5%)`
CMYK	0, 68, 7, 31
HSL	306.6°, 51.5, 45.3	`hsl(306.6,51.5%,45.3%)`
HSV (or HSB)	306.6°, 68, 68.6
Web Safe	993399	`#993399`

CIE-LAB	45.015, 59.966, -32.635
XYZ	25.615, 14.553, 35.64
xyY	0.338, 0.192, 14.553
CIE-LCH	45.015, 68.272, 331.444
CIE-LUV	45.015, 55.131, -55.597
Hunter-Lab	38.148, 53.096, -28.689
Binary	10101111, 00111000, 10100010

#af38a2
```
#af38a2 rgb(175,56,162)
```
#38af45
```
#38af45 rgb(56,175,69)
```

Complementary Color

#8138af
```
#8138af rgb(129,56,175)
```
#af38a2
```
#af38a2 rgb(175,56,162)
```
#af3867
```
#af3867 rgb(175,56,103)
```

Analogous Color

#38af81
```
#38af81 rgb(56,175,129)
```
#af38a2
```
#af38a2 rgb(175,56,162)
```
#67af38
```
#67af38 rgb(103,175,56)
```

Split Complementary Color

#38a2af
```
#38a2af rgb(56,162,175)
```
#af38a2
```
#af38a2 rgb(175,56,162)
```
#a2af38
```
#a2af38 rgb(162,175,56)
```

Triadic Color

#4538af
```
#4538af rgb(69,56,175)
```
#af38a2
```
#af38a2 rgb(175,56,162)
```
#a2af38
```
#a2af38 rgb(162,175,56)
```
#38af45
```
#38af45 rgb(56,175,69)
```

Tetradic Color

#75256c
```
#75256c rgb(117,37,108)
```
#882c7e
```
#882c7e rgb(136,44,126)
```
#9c3290
```
#9c3290 rgb(156,50,144)
```
#af38a2
```
#af38a2 rgb(175,56,162)
```
#c23fb3
```
#c23fb3 rgb(194,63,179)
```
#c852bb
```
#c852bb rgb(200,82,187)
```
#ce66c3
```
#ce66c3 rgb(206,102,195)
```

Monochromatic Color

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

#9e38af
```
#9e38af rgb(158,56,175)
```
#a838af
```
#a838af rgb(168,56,175)
```
#af38ac
```
#af38ac rgb(175,56,172)
```
#af38a2
```
#af38a2 rgb(175,56,162)
```
#af3898
```
#af3898 rgb(175,56,152)
```
#af388e
```
#af388e rgb(175,56,142)
```
#af3884
```
#af3884 rgb(175,56,132)
```

Similar Colors

Text with hexadecimal color #af38a2

This text has a font color of #af38a2.

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

#af38a2 background color

This paragraph has a background color of #af38a2.

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

#af38a2 border color

This element has a border color of #af38a2.

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

CSS codes

.text {color:#af38a2;}

.background {background-color:#af38a2;}

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

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

#0c040b
```
#0c040b rgb(12,4,11)
```
#1a0818
```
#1a0818 rgb(26,8,24)
```
#290d26
```
#290d26 rgb(41,13,38)
```
#381234
```
#381234 rgb(56,18,52)
```
#471742
```
#471742 rgb(71,23,66)
```
#561b4f
```
#561b4f rgb(86,27,79)
```
#65205d
```
#65205d rgb(101,32,93)
```
#74256b
```
#74256b rgb(116,37,107)
```
#822a79
```
#822a79 rgb(130,42,121)
```
#912e86
```
#912e86 rgb(145,46,134)
```
#a03394
```
#a03394 rgb(160,51,148)
```
#af38a2
```
#af38a2 rgb(175,56,162)
```
#be3db0
```
#be3db0 rgb(190,61,176)
```

Shade Color Variation

#c549b7
```
#c549b7 rgb(197,73,183)
```
#ca58bd
```
#ca58bd rgb(202,88,189)
```
#ce67c3
```
#ce67c3 rgb(206,103,195)
```
#d376c9
```
#d376c9 rgb(211,118,201)
```
#d885cf
```
#d885cf rgb(216,133,207)
```
#dd94d5
```
#dd94d5 rgb(221,148,213)
```
#e1a3db
```
#e1a3db rgb(225,163,219)
```
#e6b1e0
```
#e6b1e0 rgb(230,177,224)
```
#ebc0e6
```
#ebc0e6 rgb(235,192,230)
```
#f0cfec
```
#f0cfec rgb(240,207,236)
```
#f4def2
```
#f4def2 rgb(244,222,242)
```
#f9edf8
```
#f9edf8 rgb(249,237,248)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#7a6d78
```
#7a6d78 rgb(122,109,120)
```
#83647f
```
#83647f rgb(131,100,127)
```
#8b5c86
```
#8b5c86 rgb(139,92,134)
```
#94538d
```
#94538d rgb(148,83,141)
```
#9d4a94
```
#9d4a94 rgb(157,74,148)
```
#a6419b
```
#a6419b rgb(166,65,155)
```
#af38a2
```
#af38a2 rgb(175,56,162)
```
#b82fa9
```
#b82fa9 rgb(184,47,169)
```
#c126b0
```
#c126b0 rgb(193,38,176)
```
#ca1db7
```
#ca1db7 rgb(202,29,183)
```
#d314be
```
#d314be rgb(211,20,190)
```
#db0cc5
```
#db0cc5 rgb(219,12,197)
```
#e403cc
```
#e403cc rgb(228,3,204)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#765e74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f6fc7 Protanopia 1% of men
#63719a Deuteranopia 1% of men
#aa595e Tritanopia 0.001% of the population

Trichromacy

#675bba Protanomaly 1% of men, 0.01% of women
#7e5c9d Deuteranomaly 6% of men, 0.4% of women
#ac4d77 Tritanomaly 0.01% of the population

#af38a2 hex color

#af38a2 Color Information

#af38a2 Color Conversion

Color Schemes with #af38a2

Alternatives to #af38a2

#af38a2 Preview

Shades and Tints of #af38a2

Tones of #af38a2

Color Blindness Simulator