#af5baf hex color

In a RGB color space, hex #af5baf is composed of 68.6% red, 35.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 0% yellow and 31.4% black. It has a hue angle of 300 degrees, a saturation of 34.4% and a lightness of 52.2%. #af5baf color hex could be obtained by blending #ffb6ff with #5f005f. Closest websafe color is: #996699.

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

● #af5baf color description : Dark moderate magenta.

The hexadecimal color #af5baf has RGB values of R:175, G:91, B:175 and CMYK values of C:0, M:0.48, Y:0, K:0.31. Its decimal value is 11492271.

Hex triplet	af5baf	`#af5baf`
RGB Decimal	175, 91, 175	`rgb(175,91,175)`
RGB Percent	68.6, 35.7, 68.6	`rgb(68.6%,35.7%,68.6%)`
CMYK	0, 48, 0, 31
HSL	300°, 34.4, 52.2	`hsl(300,34.4%,52.2%)`
HSV (or HSB)	300°, 48, 68.6
Web Safe	996699	`#996699`

CIE-LAB	51.488, 46.319, -30.172
XYZ	29.157, 19.693, 42.82
xyY	0.318, 0.215, 19.693
CIE-LCH	51.488, 55.279, 326.92
CIE-LUV	51.488, 39.904, -51.606
Hunter-Lab	44.376, 39.624, -26.148
Binary	10101111, 01011011, 10101111

#af5baf
```
#af5baf rgb(175,91,175)
```
#5baf5b
```
#5baf5b rgb(91,175,91)
```

Complementary Color

#855baf
```
#855baf rgb(133,91,175)
```
#af5baf
```
#af5baf rgb(175,91,175)
```
#af5b85
```
#af5b85 rgb(175,91,133)
```

Analogous Color

#5baf85
```
#5baf85 rgb(91,175,133)
```
#af5baf
```
#af5baf rgb(175,91,175)
```
#85af5b
```
#85af5b rgb(133,175,91)
```

Split Complementary Color

#5bafaf
```
#5bafaf rgb(91,175,175)
```
#af5baf
```
#af5baf rgb(175,91,175)
```
#afaf5b
```
#afaf5b rgb(175,175,91)
```

Triadic Color

#5b5baf
```
#5b5baf rgb(91,91,175)
```
#af5baf
```
#af5baf rgb(175,91,175)
```
#afaf5b
```
#afaf5b rgb(175,175,91)
```
#5baf5b
```
#5baf5b rgb(91,175,91)
```

Tetradic Color

#7f3e7f
```
#7f3e7f rgb(127,62,127)
```
#914691
```
#914691 rgb(145,70,145)
```
#a24fa2
```
#a24fa2 rgb(162,79,162)
```
#af5baf
```
#af5baf rgb(175,91,175)
```
#b76cb7
```
#b76cb7 rgb(183,108,183)
```
#c07dc0
```
#c07dc0 rgb(192,125,192)
```
#c88ec8
```
#c88ec8 rgb(200,142,200)
```

Monochromatic Color

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

#9a5baf
```
#9a5baf rgb(154,91,175)
```
#a15baf
```
#a15baf rgb(161,91,175)
```
#a85baf
```
#a85baf rgb(168,91,175)
```
#af5baf
```
#af5baf rgb(175,91,175)
```
#af5ba8
```
#af5ba8 rgb(175,91,168)
```
#af5ba1
```
#af5ba1 rgb(175,91,161)
```
#af5b9a
```
#af5b9a rgb(175,91,154)
```

Similar Colors

Text with hexadecimal color #af5baf

This text has a font color of #af5baf.

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

#af5baf background color

This paragraph has a background color of #af5baf.

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

#af5baf border color

This element has a border color of #af5baf.

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

CSS codes

.text {color:#af5baf;}

.background {background-color:#af5baf;}

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

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

#070407
```
#070407 rgb(7,4,7)
```
#150a15
```
#150a15 rgb(21,10,21)
```
#221022
```
#221022 rgb(34,16,34)
```
#2f172f
```
#2f172f rgb(47,23,47)
```
#3c1d3c
```
#3c1d3c rgb(60,29,60)
```
#492449
```
#492449 rgb(73,36,73)
```
#562a56
```
#562a56 rgb(86,42,86)
```
#643164
```
#643164 rgb(100,49,100)
```
#713771
```
#713771 rgb(113,55,113)
```
#7e3d7e
```
#7e3d7e rgb(126,61,126)
```
#8b448b
```
#8b448b rgb(139,68,139)
```
#984a98
```
#984a98 rgb(152,74,152)
```
#a651a6
```
#a651a6 rgb(166,81,166)
```

Shade Color Variation

#af5baf
```
#af5baf rgb(175,91,175)
```
#b568b5
```
#b568b5 rgb(181,104,181)
```
#bc75bc
```
#bc75bc rgb(188,117,188)
```
#c283c2
```
#c283c2 rgb(194,131,194)
```
#c990c9
```
#c990c9 rgb(201,144,201)
```
#cf9dcf
```
#cf9dcf rgb(207,157,207)
```
#d6aad6
```
#d6aad6 rgb(214,170,214)
```
#dcb7dc
```
#dcb7dc rgb(220,183,220)
```
#e2c4e2
```
#e2c4e2 rgb(226,196,226)
```
#e9d2e9
```
#e9d2e9 rgb(233,210,233)
```
#efdfef
```
#efdfef rgb(239,223,239)
```
#f6ecf6
```
#f6ecf6 rgb(246,236,246)
```
#fcf9fc
```
#fcf9fc rgb(252,249,252)
```

Tint Color Variation

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

#898189
```
#898189 rgb(137,129,137)
```
#937793
```
#937793 rgb(147,119,147)
```
#9c6e9c
```
#9c6e9c rgb(156,110,156)
```
#a664a6
```
#a664a6 rgb(166,100,166)
```
#af5baf
```
#af5baf rgb(175,91,175)
```
#b852b8
```
#b852b8 rgb(184,82,184)
```
#c248c2
```
#c248c2 rgb(194,72,194)
```
#cb3fcb
```
#cb3fcb rgb(203,63,203)
```
#d535d5
```
#d535d5 rgb(213,53,213)
```
#de2cde
```
#de2cde rgb(222,44,222)
```
#e723e7
```
#e723e7 rgb(231,35,231)
```
#f119f1
```
#f119f1 rgb(241,25,241)
```
#fa10fa
```
#fa10fa rgb(250,16,250)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887788 Atypical Achromatopsia 0.001% of the population

Dichromacy

#637fc7 Protanopia 1% of men
#747faa Deuteranopia 1% of men
#aa7179 Tritanopia 0.001% of the population

Trichromacy

#7e72be Protanomaly 1% of men, 0.01% of women
#8a72ac Deuteranomaly 6% of men, 0.4% of women
#ac698d Tritanomaly 0.01% of the population

#af5baf hex color

#af5baf Color Information

#af5baf Color Conversion

Color Schemes with #af5baf

Alternatives to #af5baf

#af5baf Preview

Shades and Tints of #af5baf

Tones of #af5baf

Color Blindness Simulator