#af5baa hex color

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

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

● #af5baa color description : Dark moderate magenta.

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

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

CIE-LAB	51.267, 45.403, -27.597
XYZ	28.675, 19.5, 40.281
xyY	0.324, 0.22, 19.5
CIE-LCH	51.267, 53.132, 328.707
CIE-LUV	51.267, 41.092, -47.517
Hunter-Lab	44.159, 38.635, -23.173
Binary	10101111, 01011011, 10101010

#af5baa
```
#af5baa rgb(175,91,170)
```
#5baf60
```
#5baf60 rgb(91,175,96)
```

Complementary Color

#8a5baf
```
#8a5baf rgb(138,91,175)
```
#af5baa
```
#af5baa rgb(175,91,170)
```
#af5b80
```
#af5b80 rgb(175,91,128)
```

Analogous Color

#5baf8a
```
#5baf8a rgb(91,175,138)
```
#af5baa
```
#af5baa rgb(175,91,170)
```
#80af5b
```
#80af5b rgb(128,175,91)
```

Split Complementary Color

#5baaaf
```
#5baaaf rgb(91,170,175)
```
#af5baa
```
#af5baa rgb(175,91,170)
```
#aaaf5b
```
#aaaf5b rgb(170,175,91)
```

Triadic Color

#605baf
```
#605baf rgb(96,91,175)
```
#af5baa
```
#af5baa rgb(175,91,170)
```
#aaaf5b
```
#aaaf5b rgb(170,175,91)
```
#5baf60
```
#5baf60 rgb(91,175,96)
```

Tetradic Color

#7f3e7b
```
#7f3e7b rgb(127,62,123)
```
#91468c
```
#91468c rgb(145,70,140)
```
#a24f9d
```
#a24f9d rgb(162,79,157)
```
#af5baa
```
#af5baa rgb(175,91,170)
```
#b76cb3
```
#b76cb3 rgb(183,108,179)
```
#c07dbc
```
#c07dbc rgb(192,125,188)
```
#c88ec5
```
#c88ec5 rgb(200,142,197)
```

Monochromatic Color

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

#9f5baf
```
#9f5baf rgb(159,91,175)
```
#a65baf
```
#a65baf rgb(166,91,175)
```
#ad5baf
```
#ad5baf rgb(173,91,175)
```
#af5baa
```
#af5baa rgb(175,91,170)
```
#af5ba3
```
#af5ba3 rgb(175,91,163)
```
#af5b9c
```
#af5b9c rgb(175,91,156)
```
#af5b95
```
#af5b95 rgb(175,91,149)
```

Similar Colors

Text with hexadecimal color #af5baa

This text has a font color of #af5baa.

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

#af5baa background color

This paragraph has a background color of #af5baa.

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

#af5baa border color

This element has a border color of #af5baa.

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

CSS codes

.text {color:#af5baa;}

.background {background-color:#af5baa;}

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

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)
```
#221021
```
#221021 rgb(34,16,33)
```
#2f172e
```
#2f172e rgb(47,23,46)
```
#3c1d3a
```
#3c1d3a rgb(60,29,58)
```
#492447
```
#492447 rgb(73,36,71)
```
#562a54
```
#562a54 rgb(86,42,84)
```
#643161
```
#643161 rgb(100,49,97)
```
#71376d
```
#71376d rgb(113,55,109)
```
#7e3d7a
```
#7e3d7a rgb(126,61,122)
```
#8b4487
```
#8b4487 rgb(139,68,135)
```
#984a94
```
#984a94 rgb(152,74,148)
```
#a651a1
```
#a651a1 rgb(166,81,161)
```

Shade Color Variation

#af5baa
```
#af5baa rgb(175,91,170)
```
#b568b1
```
#b568b1 rgb(181,104,177)
```
#bc75b8
```
#bc75b8 rgb(188,117,184)
```
#c283be
```
#c283be rgb(194,131,190)
```
#c990c5
```
#c990c5 rgb(201,144,197)
```
#cf9dcc
```
#cf9dcc rgb(207,157,204)
```
#d6aad3
```
#d6aad3 rgb(214,170,211)
```
#dcb7da
```
#dcb7da rgb(220,183,218)
```
#e2c4e1
```
#e2c4e1 rgb(226,196,225)
```
#e9d2e7
```
#e9d2e7 rgb(233,210,231)
```
#efdfee
```
#efdfee rgb(239,223,238)
```
#f6ecf5
```
#f6ecf5 rgb(246,236,245)
```
#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 #fa10ec is the most saturated one.

#898189
```
#898189 rgb(137,129,137)
```
#937791
```
#937791 rgb(147,119,145)
```
#9c6e99
```
#9c6e99 rgb(156,110,153)
```
#a664a2
```
#a664a2 rgb(166,100,162)
```
#af5baa
```
#af5baa rgb(175,91,170)
```
#b852b2
```
#b852b2 rgb(184,82,178)
```
#c248bb
```
#c248bb rgb(194,72,187)
```
#cb3fc3
```
#cb3fc3 rgb(203,63,195)
```
#d535cb
```
#d535cb rgb(213,53,203)
```
#de2cd3
```
#de2cd3 rgb(222,44,211)
```
#e723dc
```
#e723dc rgb(231,35,220)
```
#f119e4
```
#f119e4 rgb(241,25,228)
```
#fa10ec
```
#fa10ec rgb(250,16,236)
```

Tone Color Variation

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

Dichromacy

#667ec1 Protanopia 1% of men
#777fa6 Deuteranopia 1% of men
#ab7078 Tritanopia 0.001% of the population

Trichromacy

#8071b9 Protanomaly 1% of men, 0.01% of women
#8b72a7 Deuteranomaly 6% of men, 0.4% of women
#ac688a Tritanomaly 0.01% of the population

#af5baa hex color

#af5baa Color Information

#af5baa Color Conversion

Color Schemes with #af5baa

Alternatives to #af5baa

#af5baa Preview

Shades and Tints of #af5baa

Tones of #af5baa

Color Blindness Simulator