#af5da2 hex color

In a RGB color space, hex #af5da2 is composed of 68.6% red, 36.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 7.4% yellow and 31.4% black. It has a hue angle of 309.5 degrees, a saturation of 33.9% and a lightness of 52.5%. #af5da2 color hex could be obtained by blending #ffbaff with #5f0045. Closest websafe color is: #996699.

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

● #af5da2 color description : Dark moderate magenta.

The hexadecimal color #af5da2 has RGB values of R:175, G:93, B:162 and CMYK values of C:0, M:0.47, Y:0.07, K:0.31. Its decimal value is 11492770.

Hex triplet	af5da2	`#af5da2`
RGB Decimal	175, 93, 162	`rgb(175,93,162)`
RGB Percent	68.6, 36.5, 63.5	`rgb(68.6%,36.5%,63.5%)`
CMYK	0, 47, 7, 31
HSL	309.5°, 33.9, 52.5	`hsl(309.5,33.9%,52.5%)`
HSV (or HSB)	309.5°, 46.9, 68.6
Web Safe	996699	`#996699`

CIE-LAB	51.328, 42.941, -22.818
XYZ	28.115, 19.553, 36.474
xyY	0.334, 0.232, 19.553
CIE-LCH	51.328, 48.627, 332.014
CIE-LUV	51.328, 42.164, -39.954
Hunter-Lab	44.218, 36.11, -17.953
Binary	10101111, 01011101, 10100010

#af5da2
```
#af5da2 rgb(175,93,162)
```
#5daf6a
```
#5daf6a rgb(93,175,106)
```

Complementary Color

#935daf
```
#935daf rgb(147,93,175)
```
#af5da2
```
#af5da2 rgb(175,93,162)
```
#af5d79
```
#af5d79 rgb(175,93,121)
```

Analogous Color

#5daf93
```
#5daf93 rgb(93,175,147)
```
#af5da2
```
#af5da2 rgb(175,93,162)
```
#79af5d
```
#79af5d rgb(121,175,93)
```

Split Complementary Color

#5da2af
```
#5da2af rgb(93,162,175)
```
#af5da2
```
#af5da2 rgb(175,93,162)
```
#a2af5d
```
#a2af5d rgb(162,175,93)
```

Triadic Color

#6a5daf
```
#6a5daf rgb(106,93,175)
```
#af5da2
```
#af5da2 rgb(175,93,162)
```
#a2af5d
```
#a2af5d rgb(162,175,93)
```
#5daf6a
```
#5daf6a rgb(93,175,106)
```

Tetradic Color

#803f76
```
#803f76 rgb(128,63,118)
```
#914886
```
#914886 rgb(145,72,134)
```
#a25095
```
#a25095 rgb(162,80,149)
```
#af5da2
```
#af5da2 rgb(175,93,162)
```
#b76eac
```
#b76eac rgb(183,110,172)
```
#c07fb6
```
#c07fb6 rgb(192,127,182)
```
#c890bf
```
#c890bf rgb(200,144,191)
```

Monochromatic Color

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

#a85daf
```
#a85daf rgb(168,93,175)
```
#ae5daf
```
#ae5daf rgb(174,93,175)
```
#af5da9
```
#af5da9 rgb(175,93,169)
```
#af5da2
```
#af5da2 rgb(175,93,162)
```
#af5d9b
```
#af5d9b rgb(175,93,155)
```
#af5d94
```
#af5d94 rgb(175,93,148)
```
#af5d8e
```
#af5d8e rgb(175,93,142)
```

Similar Colors

Text with hexadecimal color #af5da2

This text has a font color of #af5da2.

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

#af5da2 background color

This paragraph has a background color of #af5da2.

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

#af5da2 border color

This element has a border color of #af5da2.

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

CSS codes

.text {color:#af5da2;}

.background {background-color:#af5da2;}

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

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

#090408
```
#090408 rgb(9,4,8)
```
#160b14
```
#160b14 rgb(22,11,20)
```
#231120
```
#231120 rgb(35,17,32)
```
#30182c
```
#30182c rgb(48,24,44)
```
#3d1e38
```
#3d1e38 rgb(61,30,56)
```
#4a2544
```
#4a2544 rgb(74,37,68)
```
#572b50
```
#572b50 rgb(87,43,80)
```
#65325d
```
#65325d rgb(101,50,93)
```
#723869
```
#723869 rgb(114,56,105)
```
#7f3f75
```
#7f3f75 rgb(127,63,117)
```
#8c4581
```
#8c4581 rgb(140,69,129)
```
#994c8d
```
#994c8d rgb(153,76,141)
```
#a65299
```
#a65299 rgb(166,82,153)
```

Shade Color Variation

#af5da2
```
#af5da2 rgb(175,93,162)
```
#b56aaa
```
#b56aaa rgb(181,106,170)
```
#bc77b1
```
#bc77b1 rgb(188,119,177)
```
#c284b9
```
#c284b9 rgb(194,132,185)
```
#c992c0
```
#c992c0 rgb(201,146,192)
```
#cf9fc8
```
#cf9fc8 rgb(207,159,200)
```
#d6accf
```
#d6accf rgb(214,172,207)
```
#dcb9d7
```
#dcb9d7 rgb(220,185,215)
```
#e3c6de
```
#e3c6de rgb(227,198,222)
```
#e9d3e6
```
#e9d3e6 rgb(233,211,230)
```
#f0e0ed
```
#f0e0ed rgb(240,224,237)
```
#f6edf5
```
#f6edf5 rgb(246,237,245)
```
#fdfbfc
```
#fdfbfc rgb(253,251,252)
```

Tint Color Variation

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

#8a8289
```
#8a8289 rgb(138,130,137)
```
#93798f
```
#93798f rgb(147,121,143)
```
#9c7095
```
#9c7095 rgb(156,112,149)
```
#a6669c
```
#a6669c rgb(166,102,156)
```
#af5da2
```
#af5da2 rgb(175,93,162)
```
#b854a8
```
#b854a8 rgb(184,84,168)
```
#c24aaf
```
#c24aaf rgb(194,74,175)
```
#cb41b5
```
#cb41b5 rgb(203,65,181)
```
#d438bb
```
#d438bb rgb(212,56,187)
```
#de2ec2
```
#de2ec2 rgb(222,46,194)
```
#e725c8
```
#e725c8 rgb(231,37,200)
```
#f01cce
```
#f01cce rgb(240,28,206)
```
#f913d5
```
#f913d5 rgb(249,19,213)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7fb8 Protanopia 1% of men
#7c7e9f Deuteranopia 1% of men
#ac7077 Tritanopia 0.001% of the population

Trichromacy

#8472b0 Protanomaly 1% of men, 0.01% of women
#8e72a0 Deuteranomaly 6% of men, 0.4% of women
#ad6987 Tritanomaly 0.01% of the population

#af5da2 hex color

#af5da2 Color Information

#af5da2 Color Conversion

Color Schemes with #af5da2

Alternatives to #af5da2

#af5da2 Preview

Shades and Tints of #af5da2

Tones of #af5da2

Color Blindness Simulator