#af5ab2 hex color

In a RGB color space, hex #af5ab2 is composed of 68.6% red, 35.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 49.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 298 degrees, a saturation of 36.4% and a lightness of 52.5%. #af5ab2 color hex could be obtained by blending #ffb4ff with #5f0065. Closest websafe color is: #996699.

♥
- f
- t
- g
- R 69
- G 35
- B 70
RGB color chart
- C 2
- M 49
- Y 0
- K 30
CMYK color chart

● #af5ab2 color description : Dark moderate magenta.

The hexadecimal color #af5ab2 has RGB values of R:175, G:90, B:178 and CMYK values of C:0.02, M:0.49, Y:0, K:0.3. Its decimal value is 11492018.

Hex triplet	af5ab2	`#af5ab2`
RGB Decimal	175, 90, 178	`rgb(175,90,178)`
RGB Percent	68.6, 35.3, 69.8	`rgb(68.6%,35.3%,69.8%)`
CMYK	2, 49, 0, 30
HSL	298°, 36.4, 52.5	`hsl(298,36.4%,52.5%)`
HSV (or HSB)	298°, 49.4, 69.8
Web Safe	996699	`#996699`

CIE-LAB	51.43, 47.388, -32.008
XYZ	29.37, 19.642, 44.361
xyY	0.315, 0.21, 19.642
CIE-LCH	51.43, 57.185, 325.963
CIE-LUV	51.43, 39.57, -54.547
Hunter-Lab	44.319, 40.734, -28.323
Binary	10101111, 01011010, 10110010

#af5ab2
```
#af5ab2 rgb(175,90,178)
```
#5db25a
```
#5db25a rgb(93,178,90)
```

Complementary Color

#835ab2
```
#835ab2 rgb(131,90,178)
```
#af5ab2
```
#af5ab2 rgb(175,90,178)
```
#b25a89
```
#b25a89 rgb(178,90,137)
```

Analogous Color

#5ab283
```
#5ab283 rgb(90,178,131)
```
#af5ab2
```
#af5ab2 rgb(175,90,178)
```
#89b25a
```
#89b25a rgb(137,178,90)
```

Split Complementary Color

#5ab2af
```
#5ab2af rgb(90,178,175)
```
#af5ab2
```
#af5ab2 rgb(175,90,178)
```
#b2af5a
```
#b2af5a rgb(178,175,90)
```

Triadic Color

#5a5db2
```
#5a5db2 rgb(90,93,178)
```
#af5ab2
```
#af5ab2 rgb(175,90,178)
```
#b2af5a
```
#b2af5a rgb(178,175,90)
```
#5db25a
```
#5db25a rgb(93,178,90)
```

Tetradic Color

#803d83
```
#803d83 rgb(128,61,131)
```
#914594
```
#914594 rgb(145,69,148)
```
#a24da5
```
#a24da5 rgb(162,77,165)
```
#af5ab2
```
#af5ab2 rgb(175,90,178)
```
#b76bba
```
#b76bba rgb(183,107,186)
```
#c07dc2
```
#c07dc2 rgb(192,125,194)
```
#c88eca
```
#c88eca rgb(200,142,202)
```

Monochromatic Color

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

#995ab2
```
#995ab2 rgb(153,90,178)
```
#a05ab2
```
#a05ab2 rgb(160,90,178)
```
#a85ab2
```
#a85ab2 rgb(168,90,178)
```
#af5ab2
```
#af5ab2 rgb(175,90,178)
```
#b25aae
```
#b25aae rgb(178,90,174)
```
#b25aa6
```
#b25aa6 rgb(178,90,166)
```
#b25a9f
```
#b25a9f rgb(178,90,159)
```

Similar Colors

Text with hexadecimal color #af5ab2

This text has a font color of #af5ab2.

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

#af5ab2 background color

This paragraph has a background color of #af5ab2.

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

#af5ab2 border color

This element has a border color of #af5ab2.

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

CSS codes

.text {color:#af5ab2;}

.background {background-color:#af5ab2;}

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

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

#090409
```
#090409 rgb(9,4,9)
```
#160a16
```
#160a16 rgb(22,10,22)
```
#231124
```
#231124 rgb(35,17,36)
```
#301731
```
#301731 rgb(48,23,49)
```
#3d1d3e
```
#3d1d3e rgb(61,29,62)
```
#4a234c
```
#4a234c rgb(74,35,76)
```
#572a59
```
#572a59 rgb(87,42,89)
```
#653066
```
#653066 rgb(101,48,102)
```
#723674
```
#723674 rgb(114,54,116)
```
#7f3c81
```
#7f3c81 rgb(127,60,129)
```
#8c438f
```
#8c438f rgb(140,67,143)
```
#99499c
```
#99499c rgb(153,73,156)
```
#a64fa9
```
#a64fa9 rgb(166,79,169)
```

Shade Color Variation

#af5ab2
```
#af5ab2 rgb(175,90,178)
```
#b567b8
```
#b567b8 rgb(181,103,184)
```
#bc75be
```
#bc75be rgb(188,117,190)
```
#c282c5
```
#c282c5 rgb(194,130,197)
```
#c98fcb
```
#c98fcb rgb(201,143,203)
```
#cf9dd1
```
#cf9dd1 rgb(207,157,209)
```
#d6aad7
```
#d6aad7 rgb(214,170,215)
```
#dcb8de
```
#dcb8de rgb(220,184,222)
```
#e3c5e4
```
#e3c5e4 rgb(227,197,228)
```
#e9d2ea
```
#e9d2ea rgb(233,210,234)
```
#f0e0f0
```
#f0e0f0 rgb(240,224,240)
```
#f6edf7
```
#f6edf7 rgb(246,237,247)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

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

#8c7f8d
```
#8c7f8d rgb(140,127,141)
```
#957696
```
#957696 rgb(149,118,150)
```
#9e6d9f
```
#9e6d9f rgb(158,109,159)
```
#a663a9
```
#a663a9 rgb(166,99,169)
```
#af5ab2
```
#af5ab2 rgb(175,90,178)
```
#b851bb
```
#b851bb rgb(184,81,187)
```
#c047c5
```
#c047c5 rgb(192,71,197)
```
#c93ece
```
#c93ece rgb(201,62,206)
```
#d235d7
```
#d235d7 rgb(210,53,215)
```
#da2be1
```
#da2be1 rgb(218,43,225)
```
#e322ea
```
#e322ea rgb(227,34,234)
```
#ec19f3
```
#ec19f3 rgb(236,25,243)
```
#f410fc
```
#f410fc rgb(244,16,252)
```

Tone Color Variation

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

Dichromacy

#607eca Protanopia 1% of men
#727fad Deuteranopia 1% of men
#aa7179 Tritanopia 0.001% of the population

Trichromacy

#7c71c1 Protanomaly 1% of men, 0.01% of women
#8872ae Deuteranomaly 6% of men, 0.4% of women
#ac698e Tritanomaly 0.01% of the population

#af5ab2 hex color

#af5ab2 Color Information

#af5ab2 Color Conversion

Color Schemes with #af5ab2

Alternatives to #af5ab2

#af5ab2 Preview

Shades and Tints of #af5ab2

Tones of #af5ab2

Color Blindness Simulator