#af7bb4 hex color

In a RGB color space, hex #af7bb4 is composed of 68.6% red, 48.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 31.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 294.7 degrees, a saturation of 27.5% and a lightness of 59.4%. #af7bb4 color hex could be obtained by blending #fff6ff with #5f0069. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 48
- B 71
RGB color chart
- C 3
- M 32
- Y 0
- K 29
CMYK color chart

● #af7bb4 color description : Slightly desaturated magenta.

The hexadecimal color #af7bb4 has RGB values of R:175, G:123, B:180 and CMYK values of C:0.03, M:0.32, Y:0, K:0.29. Its decimal value is 11500468.

Hex triplet	af7bb4	`#af7bb4`
RGB Decimal	175, 123, 180	`rgb(175,123,180)`
RGB Percent	68.6, 48.2, 70.6	`rgb(68.6%,48.2%,70.6%)`
CMYK	3, 32, 0, 29
HSL	294.7°, 27.5, 59.4	`hsl(294.7,27.5%,59.4%)`
HSV (or HSB)	294.7°, 31.7, 70.6
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.58, 29.954, -22.101
XYZ	32.999, 26.576, 46.569
xyY	0.311, 0.25, 26.576
CIE-LCH	58.58, 37.225, 323.579
CIE-LUV	58.58, 25.274, -37.851
Hunter-Lab	51.552, 24.045, -17.473
Binary	10101111, 01111011, 10110100

#af7bb4
```
#af7bb4 rgb(175,123,180)
```
#80b47b
```
#80b47b rgb(128,180,123)
```

Complementary Color

#937bb4
```
#937bb4 rgb(147,123,180)
```
#af7bb4
```
#af7bb4 rgb(175,123,180)
```
#b47b9d
```
#b47b9d rgb(180,123,157)
```

Analogous Color

#7bb493
```
#7bb493 rgb(123,180,147)
```
#af7bb4
```
#af7bb4 rgb(175,123,180)
```
#9db47b
```
#9db47b rgb(157,180,123)
```

Split Complementary Color

#7bb4af
```
#7bb4af rgb(123,180,175)
```
#af7bb4
```
#af7bb4 rgb(175,123,180)
```
#b4af7b
```
#b4af7b rgb(180,175,123)
```

Triadic Color

#7b80b4
```
#7b80b4 rgb(123,128,180)
```
#af7bb4
```
#af7bb4 rgb(175,123,180)
```
#b4af7b
```
#b4af7b rgb(180,175,123)
```
#80b47b
```
#80b47b rgb(128,180,123)
```

Tetradic Color

#8b5290
```
#8b5290 rgb(139,82,144)
```
#9b5ba1
```
#9b5ba1 rgb(155,91,161)
```
#a56bab
```
#a56bab rgb(165,107,171)
```
#af7bb4
```
#af7bb4 rgb(175,123,180)
```
#b98bbd
```
#b98bbd rgb(185,139,189)
```
#c39cc6
```
#c39cc6 rgb(195,156,198)
```
#cdacd0
```
#cdacd0 rgb(205,172,208)
```

Monochromatic Color

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

#a17bb4
```
#a17bb4 rgb(161,123,180)
```
#a67bb4
```
#a67bb4 rgb(166,123,180)
```
#aa7bb4
```
#aa7bb4 rgb(170,123,180)
```
#af7bb4
```
#af7bb4 rgb(175,123,180)
```
#b47bb4
```
#b47bb4 rgb(180,123,180)
```
#b47bb0
```
#b47bb0 rgb(180,123,176)
```
#b47bab
```
#b47bab rgb(180,123,171)
```

Similar Colors

Text with hexadecimal color #af7bb4

This text has a font color of #af7bb4.

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

#af7bb4 background color

This paragraph has a background color of #af7bb4.

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

#af7bb4 border color

This element has a border color of #af7bb4.

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

CSS codes

.text {color:#af7bb4;}

.background {background-color:#af7bb4;}

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

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

#050306
```
#050306 rgb(5,3,6)
```
#110a12
```
#110a12 rgb(17,10,18)
```
#1d111f
```
#1d111f rgb(29,17,31)
```
#29182b
```
#29182b rgb(41,24,43)
```
#362038
```
#362038 rgb(54,32,56)
```
#422744
```
#422744 rgb(66,39,68)
```
#4e2e51
```
#4e2e51 rgb(78,46,81)
```
#5a355d
```
#5a355d rgb(90,53,93)
```
#663c6a
```
#663c6a rgb(102,60,106)
```
#724376
```
#724376 rgb(114,67,118)
```
#7e4a83
```
#7e4a83 rgb(126,74,131)
```
#8a518f
```
#8a518f rgb(138,81,143)
```
#96589c
```
#96589c rgb(150,88,156)
```

Shade Color Variation

#a062a6
```
#a062a6 rgb(160,98,166)
```
#a76ead
```
#a76ead rgb(167,110,173)
```
#af7bb4
```
#af7bb4 rgb(175,123,180)
```
#b788bb
```
#b788bb rgb(183,136,187)
```
#be94c2
```
#be94c2 rgb(190,148,194)
```
#c6a1c9
```
#c6a1c9 rgb(198,161,201)
```
#cdadd0
```
#cdadd0 rgb(205,173,208)
```
#d5bad8
```
#d5bad8 rgb(213,186,216)
```
#dcc6df
```
#dcc6df rgb(220,198,223)
```
#e4d3e6
```
#e4d3e6 rgb(228,211,230)
```
#ecdfed
```
#ecdfed rgb(236,223,237)
```
#f3ecf4
```
#f3ecf4 rgb(243,236,244)
```
#fbf8fb
```
#fbf8fb rgb(251,248,251)
```

Tint Color Variation

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

#9b939c
```
#9b939c rgb(155,147,156)
```
#a28ba4
```
#a28ba4 rgb(162,139,164)
```
#a883ac
```
#a883ac rgb(168,131,172)
```
#af7bb4
```
#af7bb4 rgb(175,123,180)
```
#b673bc
```
#b673bc rgb(182,115,188)
```
#bc6bc4
```
#bc6bc4 rgb(188,107,196)
```
#c363cc
```
#c363cc rgb(195,99,204)
```
#c95bd4
```
#c95bd4 rgb(201,91,212)
```
#d053dc
```
#d053dc rgb(208,83,220)
```
#d64be4
```
#d64be4 rgb(214,75,228)
```
#dd43ec
```
#dd43ec rgb(221,67,236)
```
#e43bf4
```
#e43bf4 rgb(228,59,244)
```
#ea33fc
```
#ea33fc rgb(234,51,252)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#978d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8391c1 Protanopia 1% of men
#8e90b3 Deuteranopia 1% of men
#ad8993 Tritanopia 0.001% of the population

Trichromacy

#9389bc Protanomaly 1% of men, 0.01% of women
#9a88b3 Deuteranomaly 6% of men, 0.4% of women
#ad849f Tritanomaly 0.01% of the population

#af7bb4 hex color

#af7bb4 Color Information

#af7bb4 Color Conversion

Color Schemes with #af7bb4

Alternatives to #af7bb4

#af7bb4 Preview

Shades and Tints of #af7bb4

Tones of #af7bb4

Color Blindness Simulator