#af7ba5 hex color

In a RGB color space, hex #af7ba5 is composed of 68.6% red, 48.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.7% magenta, 5.7% yellow and 31.4% black. It has a hue angle of 311.5 degrees, a saturation of 24.5% and a lightness of 58.4%. #af7ba5 color hex could be obtained by blending #fff6ff with #5f004b. Closest websafe color is: #996699.

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

● #af7ba5 color description : Mostly desaturated dark magenta.

The hexadecimal color #af7ba5 has RGB values of R:175, G:123, B:165 and CMYK values of C:0, M:0.3, Y:0.06, K:0.31. Its decimal value is 11500453.

Hex triplet	af7ba5	`#af7ba5`
RGB Decimal	175, 123, 165	`rgb(175,123,165)`
RGB Percent	68.6, 48.2, 64.7	`rgb(68.6%,48.2%,64.7%)`
CMYK	0, 30, 6, 31
HSL	311.5°, 24.5, 58.4	`hsl(311.5,24.5%,58.4%)`
HSV (or HSB)	311.5°, 29.7, 68.6
Web Safe	996699	`#996699`

CIE-LAB	58.035, 27.093, -14.331
XYZ	31.553, 25.998, 38.951
xyY	0.327, 0.269, 25.998
CIE-LCH	58.035, 30.65, 332.124
CIE-LUV	58.035, 27.608, -25.449
Hunter-Lab	50.988, 21.233, -9.602
Binary	10101111, 01111011, 10100101

#af7ba5
```
#af7ba5 rgb(175,123,165)
```
#7baf85
```
#7baf85 rgb(123,175,133)
```

Complementary Color

#9f7baf
```
#9f7baf rgb(159,123,175)
```
#af7ba5
```
#af7ba5 rgb(175,123,165)
```
#af7b8b
```
#af7b8b rgb(175,123,139)
```

Analogous Color

#7baf9f
```
#7baf9f rgb(123,175,159)
```
#af7ba5
```
#af7ba5 rgb(175,123,165)
```
#8baf7b
```
#8baf7b rgb(139,175,123)
```

Split Complementary Color

#7ba5af
```
#7ba5af rgb(123,165,175)
```
#af7ba5
```
#af7ba5 rgb(175,123,165)
```
#a5af7b
```
#a5af7b rgb(165,175,123)
```

Triadic Color

#857baf
```
#857baf rgb(133,123,175)
```
#af7ba5
```
#af7ba5 rgb(175,123,165)
```
#a5af7b
```
#a5af7b rgb(165,175,123)
```
#7baf85
```
#7baf85 rgb(123,175,133)
```

Tetradic Color

#8a547f
```
#8a547f rgb(138,84,127)
```
#9a5d8e
```
#9a5d8e rgb(154,93,142)
```
#a56b9a
```
#a56b9a rgb(165,107,154)
```
#af7ba5
```
#af7ba5 rgb(175,123,165)
```
#b98bb0
```
#b98bb0 rgb(185,139,176)
```
#c29bbb
```
#c29bbb rgb(194,155,187)
```
#ccabc5
```
#ccabc5 rgb(204,171,197)
```

Monochromatic Color

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

#ac7baf
```
#ac7baf rgb(172,123,175)
```
#af7bae
```
#af7bae rgb(175,123,174)
```
#af7ba9
```
#af7ba9 rgb(175,123,169)
```
#af7ba5
```
#af7ba5 rgb(175,123,165)
```
#af7ba1
```
#af7ba1 rgb(175,123,161)
```
#af7b9c
```
#af7b9c rgb(175,123,156)
```
#af7b98
```
#af7b98 rgb(175,123,152)
```

Similar Colors

Text with hexadecimal color #af7ba5

This text has a font color of #af7ba5.

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

#af7ba5 background color

This paragraph has a background color of #af7ba5.

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

#af7ba5 border color

This element has a border color of #af7ba5.

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

CSS codes

.text {color:#af7ba5;}

.background {background-color:#af7ba5;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0f090d
```
#0f090d rgb(15,9,13)
```
#1b1019
```
#1b1019 rgb(27,16,25)
```
#271824
```
#271824 rgb(39,24,36)
```
#331f2f
```
#331f2f rgb(51,31,47)
```
#3f263b
```
#3f263b rgb(63,38,59)
```
#4c2e46
```
#4c2e46 rgb(76,46,70)
```
#583551
```
#583551 rgb(88,53,81)
```
#643d5c
```
#643d5c rgb(100,61,92)
```
#704468
```
#704468 rgb(112,68,104)
```
#7c4b73
```
#7c4b73 rgb(124,75,115)
```
#89537e
```
#89537e rgb(137,83,126)
```
#955a8a
```
#955a8a rgb(149,90,138)
```

Shade Color Variation

#a06394
```
#a06394 rgb(160,99,148)
```
#a86f9d
```
#a86f9d rgb(168,111,157)
```
#af7ba5
```
#af7ba5 rgb(175,123,165)
```
#b687ad
```
#b687ad rgb(182,135,173)
```
#be93b6
```
#be93b6 rgb(190,147,182)
```
#c5a0be
```
#c5a0be rgb(197,160,190)
```
#cdacc6
```
#cdacc6 rgb(205,172,198)
```
#d4b8cf
```
#d4b8cf rgb(212,184,207)
```
#dbc4d7
```
#dbc4d7 rgb(219,196,215)
```
#e3d0df
```
#e3d0df rgb(227,208,223)
```
#eadde8
```
#eadde8 rgb(234,221,232)
```
#f2e9f0
```
#f2e9f0 rgb(242,233,240)
```
#f9f5f8
```
#f9f5f8 rgb(249,245,248)
```

Tint Color Variation

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

#979396
```
#979396 rgb(151,147,150)
```
#9f8b9b
```
#9f8b9b rgb(159,139,155)
```
#a783a0
```
#a783a0 rgb(167,131,160)
```
#af7ba5
```
#af7ba5 rgb(175,123,165)
```
#b773aa
```
#b773aa rgb(183,115,170)
```
#bf6baf
```
#bf6baf rgb(191,107,175)
```
#c763b4
```
#c763b4 rgb(199,99,180)
```
#d05ab9
```
#d05ab9 rgb(208,90,185)
```
#d852be
```
#d852be rgb(216,82,190)
```
#e04ac3
```
#e04ac3 rgb(224,74,195)
```
#e842c8
```
#e842c8 rgb(232,66,200)
```
#f03acd
```
#f03acd rgb(240,58,205)
```
#f832d2
```
#f832d2 rgb(248,50,210)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#958b93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8890b2 Protanopia 1% of men
#948ea5 Deuteranopia 1% of men
#af8690 Tritanopia 0.001% of the population

Trichromacy

#9688ad Protanomaly 1% of men, 0.01% of women
#9e87a5 Deuteranomaly 6% of men, 0.4% of women
#af8297 Tritanomaly 0.01% of the population

#af7ba5 hex color

#af7ba5 Color Information

#af7ba5 Color Conversion

Color Schemes with #af7ba5

Alternatives to #af7ba5

#af7ba5 Preview

Shades and Tints of #af7ba5

Tones of #af7ba5

Color Blindness Simulator