#af74bb hex color

In a RGB color space, hex #af74bb is composed of 68.6% red, 45.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 38% magenta, 0% yellow and 26.7% black. It has a hue angle of 289.9 degrees, a saturation of 34.3% and a lightness of 59.4%. #af74bb color hex could be obtained by blending #ffe8ff with #5f0077. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 45
- B 73
RGB color chart
- C 6
- M 38
- Y 0
- K 27
CMYK color chart

● #af74bb color description : Slightly desaturated magenta.

The hexadecimal color #af74bb has RGB values of R:175, G:116, B:187 and CMYK values of C:0.06, M:0.38, Y:0, K:0.27. Its decimal value is 11498683.

Hex triplet	af74bb	`#af74bb`
RGB Decimal	175, 116, 187	`rgb(175,116,187)`
RGB Percent	68.6, 45.5, 73.3	`rgb(68.6%,45.5%,73.3%)`
CMYK	6, 38, 0, 27
HSL	289.9°, 34.3, 59.4	`hsl(289.9,34.3%,59.4%)`
HSV (or HSB)	289.9°, 38, 73.3
Web Safe	9966cc	`#9966cc`

CIE-LAB	57.264, 35.251, -28.129
XYZ	32.893, 25.194, 50.141
xyY	0.304, 0.233, 25.194
CIE-LCH	57.264, 45.098, 321.411
CIE-LUV	57.264, 27.246, -47.881
Hunter-Lab	50.193, 29.138, -24.093
Binary	10101111, 01110100, 10111011

#af74bb
```
#af74bb rgb(175,116,187)
```
#80bb74
```
#80bb74 rgb(128,187,116)
```

Complementary Color

#8c74bb
```
#8c74bb rgb(140,116,187)
```
#af74bb
```
#af74bb rgb(175,116,187)
```
#bb74a4
```
#bb74a4 rgb(187,116,164)
```

Analogous Color

#74bb8c
```
#74bb8c rgb(116,187,140)
```
#af74bb
```
#af74bb rgb(175,116,187)
```
#a4bb74
```
#a4bb74 rgb(164,187,116)
```

Split Complementary Color

#74bbaf
```
#74bbaf rgb(116,187,175)
```
#af74bb
```
#af74bb rgb(175,116,187)
```
#bbaf74
```
#bbaf74 rgb(187,175,116)
```

Triadic Color

#7480bb
```
#7480bb rgb(116,128,187)
```
#af74bb
```
#af74bb rgb(175,116,187)
```
#bbaf74
```
#bbaf74 rgb(187,175,116)
```
#80bb74
```
#80bb74 rgb(128,187,116)
```

Tetradic Color

#8b4a98
```
#8b4a98 rgb(139,74,152)
```
#9b53a9
```
#9b53a9 rgb(155,83,169)
```
#a563b3
```
#a563b3 rgb(165,99,179)
```
#af74bb
```
#af74bb rgb(175,116,187)
```
#b985c3
```
#b985c3 rgb(185,133,195)
```
#c396cc
```
#c396cc rgb(195,150,204)
```
#cda7d4
```
#cda7d4 rgb(205,167,212)
```

Monochromatic Color

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

#9d74bb
```
#9d74bb rgb(157,116,187)
```
#a374bb
```
#a374bb rgb(163,116,187)
```
#a974bb
```
#a974bb rgb(169,116,187)
```
#af74bb
```
#af74bb rgb(175,116,187)
```
#b574bb
```
#b574bb rgb(181,116,187)
```
#bb74bb
```
#bb74bb rgb(187,116,187)
```
#bb74b5
```
#bb74b5 rgb(187,116,181)
```

Similar Colors

Text with hexadecimal color #af74bb

This text has a font color of #af74bb.

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

#af74bb background color

This paragraph has a background color of #af74bb.

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

#af74bb border color

This element has a border color of #af74bb.

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

CSS codes

.text {color:#af74bb;}

.background {background-color:#af74bb;}

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

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)
```
#110913
```
#110913 rgb(17,9,19)
```
#1d1020
```
#1d1020 rgb(29,16,32)
```
#29162d
```
#29162d rgb(41,22,45)
```
#361d3b
```
#361d3b rgb(54,29,59)
```
#422348
```
#422348 rgb(66,35,72)
```
#4e2a55
```
#4e2a55 rgb(78,42,85)
```
#5a3062
```
#5a3062 rgb(90,48,98)
```
#66366f
```
#66366f rgb(102,54,111)
```
#723d7c
```
#723d7c rgb(114,61,124)
```
#7e438a
```
#7e438a rgb(126,67,138)
```
#8a4a97
```
#8a4a97 rgb(138,74,151)
```
#9650a4
```
#9650a4 rgb(150,80,164)
```

Shade Color Variation

#a05aae
```
#a05aae rgb(160,90,174)
```
#a767b5
```
#a767b5 rgb(167,103,181)
```
#af74bb
```
#af74bb rgb(175,116,187)
```
#b781c1
```
#b781c1 rgb(183,129,193)
```
#be8ec8
```
#be8ec8 rgb(190,142,200)
```
#c69cce
```
#c69cce rgb(198,156,206)
```
#cda9d5
```
#cda9d5 rgb(205,169,213)
```
#d5b6db
```
#d5b6db rgb(213,182,219)
```
#dcc3e2
```
#dcc3e2 rgb(220,195,226)
```
#e4d0e8
```
#e4d0e8 rgb(228,208,232)
```
#ecddef
```
#ecddef rgb(236,221,239)
```
#f3ebf5
```
#f3ebf5 rgb(243,235,245)
```
#fbf8fb
```
#fbf8fb rgb(251,248,251)
```

Tint Color Variation

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

#9a949b
```
#9a949b rgb(154,148,155)
```
#9f8ca3
```
#9f8ca3 rgb(159,140,163)
```
#a484ab
```
#a484ab rgb(164,132,171)
```
#aa7cb3
```
#aa7cb3 rgb(170,124,179)
```
#af74bb
```
#af74bb rgb(175,116,187)
```
#b46cc3
```
#b46cc3 rgb(180,108,195)
```
#ba64cb
```
#ba64cb rgb(186,100,203)
```
#bf5cd3
```
#bf5cd3 rgb(191,92,211)
```
#c454db
```
#c454db rgb(196,84,219)
```
#c94ce3
```
#c94ce3 rgb(201,76,227)
```
#cf44eb
```
#cf44eb rgb(207,68,235)
```
#d43cf3
```
#d43cf3 rgb(212,60,243)
```
#d934fb
```
#d934fb rgb(217,52,251)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#958997 Atypical Achromatopsia 0.001% of the population

Dichromacy

#798dcb Protanopia 1% of men
#858db8 Deuteranopia 1% of men
#ab858f Tritanopia 0.001% of the population

Trichromacy

#8d84c5 Protanomaly 1% of men, 0.01% of women
#9484b9 Deuteranomaly 6% of men, 0.4% of women
#ac7f9f Tritanomaly 0.01% of the population

#af74bb hex color

#af74bb Color Information

#af74bb Color Conversion

Color Schemes with #af74bb

Alternatives to #af74bb

#af74bb Preview

Shades and Tints of #af74bb

Tones of #af74bb

Color Blindness Simulator