#af4bb1 hex color

In a RGB color space, hex #af4bb1 is composed of 68.6% red, 29.4% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 57.6% magenta, 0% yellow and 30.6% black. It has a hue angle of 298.8 degrees, a saturation of 40.5% and a lightness of 49.4%. #af4bb1 color hex could be obtained by blending #ff96ff with #5f0063. Closest websafe color is: #993399.

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

● #af4bb1 color description : Dark moderate magenta.

The hexadecimal color #af4bb1 has RGB values of R:175, G:75, B:177 and CMYK values of C:0.01, M:0.58, Y:0, K:0.31. Its decimal value is 11488177.

Hex triplet	af4bb1	`#af4bb1`
RGB Decimal	175, 75, 177	`rgb(175,75,177)`
RGB Percent	68.6, 29.4, 69.4	`rgb(68.6%,29.4%,69.4%)`
CMYK	1, 58, 0, 31
HSL	298.8°, 40.5, 49.4	`hsl(298.8,40.5%,49.4%)`
HSV (or HSB)	298.8°, 57.6, 69.4
Web Safe	993399	`#993399`

CIE-LAB	48.663, 54.488, -35.762
XYZ	28.13, 17.322, 43.454
xyY	0.316, 0.195, 17.322
CIE-LCH	48.663, 65.175, 326.722
CIE-LUV	48.663, 45.007, -60.519
Hunter-Lab	41.62, 47.813, -32.77
Binary	10101111, 01001011, 10110001

#af4bb1
```
#af4bb1 rgb(175,75,177)
```
#4db14b
```
#4db14b rgb(77,177,75)
```

Complementary Color

#7c4bb1
```
#7c4bb1 rgb(124,75,177)
```
#af4bb1
```
#af4bb1 rgb(175,75,177)
```
#b14b80
```
#b14b80 rgb(177,75,128)
```

Analogous Color

#4bb17c
```
#4bb17c rgb(75,177,124)
```
#af4bb1
```
#af4bb1 rgb(175,75,177)
```
#80b14b
```
#80b14b rgb(128,177,75)
```

Split Complementary Color

#4bb1af
```
#4bb1af rgb(75,177,175)
```
#af4bb1
```
#af4bb1 rgb(175,75,177)
```
#b1af4b
```
#b1af4b rgb(177,175,75)
```

Triadic Color

#4b4db1
```
#4b4db1 rgb(75,77,177)
```
#af4bb1
```
#af4bb1 rgb(175,75,177)
```
#b1af4b
```
#b1af4b rgb(177,175,75)
```
#4db14b
```
#4db14b rgb(77,177,75)
```

Tetradic Color

#7a347b
```
#7a347b rgb(122,52,123)
```
#8c3c8d
```
#8c3c8d rgb(140,60,141)
```
#9d439f
```
#9d439f rgb(157,67,159)
```
#af4bb1
```
#af4bb1 rgb(175,75,177)
```
#b85cba
```
#b85cba rgb(184,92,186)
```
#c06ec1
```
#c06ec1 rgb(192,110,193)
```
#c880c9
```
#c880c9 rgb(200,128,201)
```

Monochromatic Color

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

#964bb1
```
#964bb1 rgb(150,75,177)
```
#9e4bb1
```
#9e4bb1 rgb(158,75,177)
```
#a74bb1
```
#a74bb1 rgb(167,75,177)
```
#af4bb1
```
#af4bb1 rgb(175,75,177)
```
#b14bab
```
#b14bab rgb(177,75,171)
```
#b14ba2
```
#b14ba2 rgb(177,75,162)
```
#b14b9a
```
#b14b9a rgb(177,75,154)
```

Similar Colors

Text with hexadecimal color #af4bb1

This text has a font color of #af4bb1.

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

#af4bb1 background color

This paragraph has a background color of #af4bb1.

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

#af4bb1 border color

This element has a border color of #af4bb1.

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

CSS codes

.text {color:#af4bb1;}

.background {background-color:#af4bb1;}

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

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, #0c050c is the darkest color, while #fefdfe is the lightest one.

#0c050c
```
#0c050c rgb(12,5,12)
```
#190b19
```
#190b19 rgb(25,11,25)
```
#271127
```
#271127 rgb(39,17,39)
```
#341635
```
#341635 rgb(52,22,53)
```
#421c43
```
#421c43 rgb(66,28,67)
```
#502251
```
#502251 rgb(80,34,81)
```
#5d285e
```
#5d285e rgb(93,40,94)
```
#6b2e6c
```
#6b2e6c rgb(107,46,108)
```
#79347a
```
#79347a rgb(121,52,122)
```
#863988
```
#863988 rgb(134,57,136)
```
#943f95
```
#943f95 rgb(148,63,149)
```
#a145a3
```
#a145a3 rgb(161,69,163)
```
#af4bb1
```
#af4bb1 rgb(175,75,177)
```

Shade Color Variation

#b658b8
```
#b658b8 rgb(182,88,184)
```
#bc65be
```
#bc65be rgb(188,101,190)
```
#c273c4
```
#c273c4 rgb(194,115,196)
```
#c881ca
```
#c881ca rgb(200,129,202)
```
#ce8fcf
```
#ce8fcf rgb(206,143,207)
```
#d49cd5
```
#d49cd5 rgb(212,156,213)
```
#daaadb
```
#daaadb rgb(218,170,219)
```
#e0b8e1
```
#e0b8e1 rgb(224,184,225)
```
#e6c6e7
```
#e6c6e7 rgb(230,198,231)
```
#ecd4ed
```
#ecd4ed rgb(236,212,237)
```
#f2e1f2
```
#f2e1f2 rgb(242,225,242)
```
#f8eff8
```
#f8eff8 rgb(248,239,248)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#807b81
```
#807b81 rgb(128,123,129)
```
#8a728a
```
#8a728a rgb(138,114,138)
```
#936894
```
#936894 rgb(147,104,148)
```
#9c5e9e
```
#9c5e9e rgb(156,94,158)
```
#a655a7
```
#a655a7 rgb(166,85,167)
```
#af4bb1
```
#af4bb1 rgb(175,75,177)
```
#b841bb
```
#b841bb rgb(184,65,187)
```
#c238c4
```
#c238c4 rgb(194,56,196)
```
#cb2ece
```
#cb2ece rgb(203,46,206)
```
#d424d8
```
#d424d8 rgb(212,36,216)
```
#de1be1
```
#de1be1 rgb(222,27,225)
```
#e711eb
```
#e711eb rgb(231,17,235)
```
#f007f5
```
#f007f5 rgb(240,7,245)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#816d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c77d0 Protanopia 1% of men
#6779aa Deuteranopia 1% of men
#a9686f Tritanopia 0.001% of the population

Trichromacy

#7067c4 Protanomaly 1% of men, 0.01% of women
#8168ac Deuteranomaly 6% of men, 0.4% of women
#ab5d87 Tritanomaly 0.01% of the population

#af4bb1 hex color

#af4bb1 Color Information

#af4bb1 Color Conversion

Color Schemes with #af4bb1

Alternatives to #af4bb1

#af4bb1 Preview

Shades and Tints of #af4bb1

Tones of #af4bb1

Color Blindness Simulator