#af4fb1 hex color

In a RGB color space, hex #af4fb1 is composed of 68.6% red, 31% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 55.4% magenta, 0% yellow and 30.6% black. It has a hue angle of 298.8 degrees, a saturation of 38.6% and a lightness of 50.2%. #af4fb1 color hex could be obtained by blending #ff9eff with #5f0063. Closest websafe color is: #996699.

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

● #af4fb1 color description : Dark moderate magenta.

The hexadecimal color #af4fb1 has RGB values of R:175, G:79, B:177 and CMYK values of C:0.01, M:0.55, Y:0, K:0.31. Its decimal value is 11489201.

Hex triplet	af4fb1	`#af4fb1`
RGB Decimal	175, 79, 177	`rgb(175,79,177)`
RGB Percent	68.6, 31, 69.4	`rgb(68.6%,31%,69.4%)`
CMYK	1, 55, 0, 31
HSL	298.8°, 38.6, 50.2	`hsl(298.8,38.6%,50.2%)`
HSV (or HSB)	298.8°, 55.4, 69.4
Web Safe	996699	`#996699`

CIE-LAB	49.352, 52.619, -34.679
XYZ	28.41, 17.882, 43.548
xyY	0.316, 0.199, 17.882
CIE-LCH	49.352, 63.019, 326.613
CIE-LUV	49.352, 43.708, -58.823
Hunter-Lab	42.287, 45.923, -31.457
Binary	10101111, 01001111, 10110001

#af4fb1
```
#af4fb1 rgb(175,79,177)
```
#51b14f
```
#51b14f rgb(81,177,79)
```

Complementary Color

#7e4fb1
```
#7e4fb1 rgb(126,79,177)
```
#af4fb1
```
#af4fb1 rgb(175,79,177)
```
#b14f82
```
#b14f82 rgb(177,79,130)
```

Analogous Color

#4fb17e
```
#4fb17e rgb(79,177,126)
```
#af4fb1
```
#af4fb1 rgb(175,79,177)
```
#82b14f
```
#82b14f rgb(130,177,79)
```

Split Complementary Color

#4fb1af
```
#4fb1af rgb(79,177,175)
```
#af4fb1
```
#af4fb1 rgb(175,79,177)
```
#b1af4f
```
#b1af4f rgb(177,175,79)
```

Triadic Color

#4f51b1
```
#4f51b1 rgb(79,81,177)
```
#af4fb1
```
#af4fb1 rgb(175,79,177)
```
#b1af4f
```
#b1af4f rgb(177,175,79)
```
#51b14f
```
#51b14f rgb(81,177,79)
```

Tetradic Color

#7b377c
```
#7b377c rgb(123,55,124)
```
#8c3f8e
```
#8c3f8e rgb(140,63,142)
```
#9e47a0
```
#9e47a0 rgb(158,71,160)
```
#af4fb1
```
#af4fb1 rgb(175,79,177)
```
#b761b9
```
#b761b9 rgb(183,97,185)
```
#bf72c1
```
#bf72c1 rgb(191,114,193)
```
#c784c8
```
#c784c8 rgb(199,132,200)
```

Monochromatic Color

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

#974fb1
```
#974fb1 rgb(151,79,177)
```
#9f4fb1
```
#9f4fb1 rgb(159,79,177)
```
#a74fb1
```
#a74fb1 rgb(167,79,177)
```
#af4fb1
```
#af4fb1 rgb(175,79,177)
```
#b14fab
```
#b14fab rgb(177,79,171)
```
#b14fa3
```
#b14fa3 rgb(177,79,163)
```
#b14f9b
```
#b14f9b rgb(177,79,155)
```

Similar Colors

Text with hexadecimal color #af4fb1

This text has a font color of #af4fb1.

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

#af4fb1 background color

This paragraph has a background color of #af4fb1.

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

#af4fb1 border color

This element has a border color of #af4fb1.

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

CSS codes

.text {color:#af4fb1;}

.background {background-color:#af4fb1;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e060e
```
#0e060e rgb(14,6,14)
```
#1c0c1c
```
#1c0c1c rgb(28,12,28)
```
#291229
```
#291229 rgb(41,18,41)
```
#361837
```
#361837 rgb(54,24,55)
```
#441e45
```
#441e45 rgb(68,30,69)
```
#512452
```
#512452 rgb(81,36,82)
```
#5f2a60
```
#5f2a60 rgb(95,42,96)
```
#6c306d
```
#6c306d rgb(108,48,109)
```
#7a377b
```
#7a377b rgb(122,55,123)
```
#873d89
```
#873d89 rgb(135,61,137)
```
#944396
```
#944396 rgb(148,67,150)
```
#a249a4
```
#a249a4 rgb(162,73,164)
```

Shade Color Variation

#af4fb1
```
#af4fb1 rgb(175,79,177)
```
#b55db7
```
#b55db7 rgb(181,93,183)
```
#bb6abd
```
#bb6abd rgb(187,106,189)
```
#c278c3
```
#c278c3 rgb(194,120,195)
```
#c885c9
```
#c885c9 rgb(200,133,201)
```
#ce93cf
```
#ce93cf rgb(206,147,207)
```
#d4a1d5
```
#d4a1d5 rgb(212,161,213)
```
#daaedb
```
#daaedb rgb(218,174,219)
```
#e0bce1
```
#e0bce1 rgb(224,188,225)
```
#e7c9e7
```
#e7c9e7 rgb(231,201,231)
```
#edd7ed
```
#edd7ed rgb(237,215,237)
```
#f3e5f3
```
#f3e5f3 rgb(243,229,243)
```
#f9f2f9
```
#f9f2f9 rgb(249,242,249)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#8a768a
```
#8a768a rgb(138,118,138)
```
#936c94
```
#936c94 rgb(147,108,148)
```
#9c639d
```
#9c639d rgb(156,99,157)
```
#a659a7
```
#a659a7 rgb(166,89,167)
```
#af4fb1
```
#af4fb1 rgb(175,79,177)
```
#b845bb
```
#b845bb rgb(184,69,187)
```
#c23bc5
```
#c23bc5 rgb(194,59,197)
```
#cb32ce
```
#cb32ce rgb(203,50,206)
```
#d428d8
```
#d428d8 rgb(212,40,216)
```
#de1ee2
```
#de1ee2 rgb(222,30,226)
```
#e714ec
```
#e714ec rgb(231,20,236)
```
#f10bf5
```
#f10bf5 rgb(241,11,245)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#826f83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5279ce Protanopia 1% of men
#6a7baa Deuteranopia 1% of men
#a96a71 Tritanopia 0.001% of the population

Trichromacy

#746ac3 Protanomaly 1% of men, 0.01% of women
#836bad Deuteranomaly 6% of men, 0.4% of women
#ab6088 Tritanomaly 0.01% of the population

#af4fb1 hex color

#af4fb1 Color Information

#af4fb1 Color Conversion

Color Schemes with #af4fb1

Alternatives to #af4fb1

#af4fb1 Preview

Shades and Tints of #af4fb1

Tones of #af4fb1

Color Blindness Simulator