#af5bae hex color

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

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

● #af5bae color description : Dark moderate magenta.

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

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

CIE-LAB	51.443, 46.134, -29.658
XYZ	29.06, 19.653, 42.305
xyY	0.319, 0.216, 19.653
CIE-LCH	51.443, 54.845, 327.264
CIE-LUV	51.443, 40.141, -50.788
Hunter-Lab	44.332, 39.424, -25.546
Binary	10101111, 01011011, 10101110

#af5bae
```
#af5bae rgb(175,91,174)
```
#5baf5c
```
#5baf5c rgb(91,175,92)
```

Complementary Color

#865baf
```
#865baf rgb(134,91,175)
```
#af5bae
```
#af5bae rgb(175,91,174)
```
#af5b84
```
#af5b84 rgb(175,91,132)
```

Analogous Color

#5baf86
```
#5baf86 rgb(91,175,134)
```
#af5bae
```
#af5bae rgb(175,91,174)
```
#84af5b
```
#84af5b rgb(132,175,91)
```

Split Complementary Color

#5baeaf
```
#5baeaf rgb(91,174,175)
```
#af5bae
```
#af5bae rgb(175,91,174)
```
#aeaf5b
```
#aeaf5b rgb(174,175,91)
```

Triadic Color

#5c5baf
```
#5c5baf rgb(92,91,175)
```
#af5bae
```
#af5bae rgb(175,91,174)
```
#aeaf5b
```
#aeaf5b rgb(174,175,91)
```
#5baf5c
```
#5baf5c rgb(91,175,92)
```

Tetradic Color

#7f3e7f
```
#7f3e7f rgb(127,62,127)
```
#914690
```
#914690 rgb(145,70,144)
```
#a24fa1
```
#a24fa1 rgb(162,79,161)
```
#af5bae
```
#af5bae rgb(175,91,174)
```
#b76cb6
```
#b76cb6 rgb(183,108,182)
```
#c07dbf
```
#c07dbf rgb(192,125,191)
```
#c88ec7
```
#c88ec7 rgb(200,142,199)
```

Monochromatic Color

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

#9b5baf
```
#9b5baf rgb(155,91,175)
```
#a25baf
```
#a25baf rgb(162,91,175)
```
#a95baf
```
#a95baf rgb(169,91,175)
```
#af5bae
```
#af5bae rgb(175,91,174)
```
#af5ba7
```
#af5ba7 rgb(175,91,167)
```
#af5ba0
```
#af5ba0 rgb(175,91,160)
```
#af5b99
```
#af5b99 rgb(175,91,153)
```

Similar Colors

Text with hexadecimal color #af5bae

This text has a font color of #af5bae.

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

#af5bae background color

This paragraph has a background color of #af5bae.

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

#af5bae border color

This element has a border color of #af5bae.

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

CSS codes

.text {color:#af5bae;}

.background {background-color:#af5bae;}

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

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)
```
#150a14
```
#150a14 rgb(21,10,20)
```
#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)
```
#643163
```
#643163 rgb(100,49,99)
```
#713770
```
#713770 rgb(113,55,112)
```
#7e3d7d
```
#7e3d7d rgb(126,61,125)
```
#8b448a
```
#8b448a rgb(139,68,138)
```
#984a97
```
#984a97 rgb(152,74,151)
```
#a651a5
```
#a651a5 rgb(166,81,165)
```

Shade Color Variation

#af5bae
```
#af5bae rgb(175,91,174)
```
#b568b5
```
#b568b5 rgb(181,104,181)
```
#bc75bb
```
#bc75bb rgb(188,117,187)
```
#c283c2
```
#c283c2 rgb(194,131,194)
```
#c990c8
```
#c990c8 rgb(201,144,200)
```
#cf9dcf
```
#cf9dcf rgb(207,157,207)
```
#d6aad5
```
#d6aad5 rgb(214,170,213)
```
#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 #fa10f7 is the most saturated one.

#898189
```
#898189 rgb(137,129,137)
```
#937793
```
#937793 rgb(147,119,147)
```
#9c6e9c
```
#9c6e9c rgb(156,110,156)
```
#a664a5
```
#a664a5 rgb(166,100,165)
```
#af5bae
```
#af5bae rgb(175,91,174)
```
#b852b7
```
#b852b7 rgb(184,82,183)
```
#c248c0
```
#c248c0 rgb(194,72,192)
```
#cb3fc9
```
#cb3fc9 rgb(203,63,201)
```
#d535d3
```
#d535d3 rgb(213,53,211)
```
#de2cdc
```
#de2cdc rgb(222,44,220)
```
#e723e5
```
#e723e5 rgb(231,35,229)
```
#f119ee
```
#f119ee rgb(241,25,238)
```
#fa10f7
```
#fa10f7 rgb(250,16,247)
```

Tone Color Variation

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

#647fc5 Protanopia 1% of men
#757fa9 Deuteranopia 1% of men
#ab7179 Tritanopia 0.001% of the population

Trichromacy

#7f72bd Protanomaly 1% of men, 0.01% of women
#8a72ab Deuteranomaly 6% of men, 0.4% of women
#ac698c Tritanomaly 0.01% of the population

#af5bae hex color

#af5bae Color Information

#af5bae Color Conversion

Color Schemes with #af5bae

Alternatives to #af5bae

#af5bae Preview

Shades and Tints of #af5bae

Tones of #af5bae

Color Blindness Simulator