#af1bb4 hex color

In a RGB color space, hex #af1bb4 is composed of 68.6% red, 10.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 85% magenta, 0% yellow and 29.4% black. It has a hue angle of 298 degrees, a saturation of 73.9% and a lightness of 40.6%. #af1bb4 color hex could be obtained by blending #ff36ff with #5f0069. Closest websafe color is: #9933cc.

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

● #af1bb4 color description : Strong magenta.

The hexadecimal color #af1bb4 has RGB values of R:175, G:27, B:180 and CMYK values of C:0.03, M:0.85, Y:0, K:0.29. Its decimal value is 11475892.

Hex triplet	af1bb4	`#af1bb4`
RGB Decimal	175, 27, 180	`rgb(175,27,180)`
RGB Percent	68.6, 10.6, 70.6	`rgb(68.6%,10.6%,70.6%)`
CMYK	3, 85, 0, 29
HSL	298°, 73.9, 40.6	`hsl(298,73.9%,40.6%)`
HSV (or HSB)	298°, 85, 70.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	43.055, 71.306, -46.422
XYZ	26.309, 13.195, 44.339
xyY	0.314, 0.157, 13.195
CIE-LCH	43.055, 85.085, 326.935
CIE-LUV	43.055, 54.143, -76.079
Hunter-Lab	36.325, 65.713, -46.943
Binary	10101111, 00011011, 10110100

#af1bb4
```
#af1bb4 rgb(175,27,180)
```
#20b41b
```
#20b41b rgb(32,180,27)
```

Complementary Color

#631bb4
```
#631bb4 rgb(99,27,180)
```
#af1bb4
```
#af1bb4 rgb(175,27,180)
```
#b41b6d
```
#b41b6d rgb(180,27,109)
```

Analogous Color

#1bb463
```
#1bb463 rgb(27,180,99)
```
#af1bb4
```
#af1bb4 rgb(175,27,180)
```
#6db41b
```
#6db41b rgb(109,180,27)
```

Split Complementary Color

#1bb4af
```
#1bb4af rgb(27,180,175)
```
#af1bb4
```
#af1bb4 rgb(175,27,180)
```
#b4af1b
```
#b4af1b rgb(180,175,27)
```

Triadic Color

#1b20b4
```
#1b20b4 rgb(27,32,180)
```
#af1bb4
```
#af1bb4 rgb(175,27,180)
```
#b4af1b
```
#b4af1b rgb(180,175,27)
```
#20b41b
```
#20b41b rgb(32,180,27)
```

Tetradic Color

#6e1171
```
#6e1171 rgb(110,17,113)
```
#841488
```
#841488 rgb(132,20,136)
```
#99189e
```
#99189e rgb(153,24,158)
```
#af1bb4
```
#af1bb4 rgb(175,27,180)
```
#c51eca
```
#c51eca rgb(197,30,202)
```
#d824de
```
#d824de rgb(216,36,222)
```
#dc3ae1
```
#dc3ae1 rgb(220,58,225)
```

Monochromatic Color

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

#891bb4
```
#891bb4 rgb(137,27,180)
```
#961bb4
```
#961bb4 rgb(150,27,180)
```
#a21bb4
```
#a21bb4 rgb(162,27,180)
```
#af1bb4
```
#af1bb4 rgb(175,27,180)
```
#b41bac
```
#b41bac rgb(180,27,172)
```
#b41ba0
```
#b41ba0 rgb(180,27,160)
```
#b41b93
```
#b41b93 rgb(180,27,147)
```

Similar Colors

Text with hexadecimal color #af1bb4

This text has a font color of #af1bb4.

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

#af1bb4 background color

This paragraph has a background color of #af1bb4.

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

#af1bb4 border color

This element has a border color of #af1bb4.

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

CSS codes

.text {color:#af1bb4;}

.background {background-color:#af1bb4;}

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

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

#090109
```
#090109 rgb(9,1,9)
```
#1a041a
```
#1a041a rgb(26,4,26)
```
#2a072c
```
#2a072c rgb(42,7,44)
```
#3b093d
```
#3b093d rgb(59,9,61)
```
#4c0c4e
```
#4c0c4e rgb(76,12,78)
```
#5c0e5f
```
#5c0e5f rgb(92,14,95)
```
#6d1170
```
#6d1170 rgb(109,17,112)
```
#7d1381
```
#7d1381 rgb(125,19,129)
```
#8e1692
```
#8e1692 rgb(142,22,146)
```
#9e18a3
```
#9e18a3 rgb(158,24,163)
```
#af1bb4
```
#af1bb4 rgb(175,27,180)
```
#c01ec5
```
#c01ec5 rgb(192,30,197)
```
#d020d6
```
#d020d6 rgb(208,32,214)
```

Shade Color Variation

#d92bdf
```
#d92bdf rgb(217,43,223)
```
#dc3ce2
```
#dc3ce2 rgb(220,60,226)
```
#df4de4
```
#df4de4 rgb(223,77,228)
```
#e25ee7
```
#e25ee7 rgb(226,94,231)
```
#e56fe9
```
#e56fe9 rgb(229,111,233)
```
#e880ec
```
#e880ec rgb(232,128,236)
```
#eb91ef
```
#eb91ef rgb(235,145,239)
```
#eea2f1
```
#eea2f1 rgb(238,162,241)
```
#f2b3f4
```
#f2b3f4 rgb(242,179,244)
```
#f5c4f6
```
#f5c4f6 rgb(245,196,246)
```
#f8d5f9
```
#f8d5f9 rgb(248,213,249)
```
#fbe6fb
```
#fbe6fb rgb(251,230,251)
```
#fef7fe
```
#fef7fe rgb(254,247,254)
```

Tint Color Variation

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

#6c636c
```
#6c636c rgb(108,99,108)
```
#735b74
```
#735b74 rgb(115,91,116)
```
#7b537c
```
#7b537c rgb(123,83,124)
```
#824b84
```
#824b84 rgb(130,75,132)
```
#8a438c
```
#8a438c rgb(138,67,140)
```
#913b94
```
#913b94 rgb(145,59,148)
```
#99339c
```
#99339c rgb(153,51,156)
```
#a02ba4
```
#a02ba4 rgb(160,43,164)
```
#a823ac
```
#a823ac rgb(168,35,172)
```
#af1bb4
```
#af1bb4 rgb(175,27,180)
```
#b613bc
```
#b613bc rgb(182,19,188)
```
#be0bc4
```
#be0bc4 rgb(190,11,196)
```
#c503cc
```
#c503cc rgb(197,3,204)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#6a4d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#496da7 Deuteranopia 1% of men
#a75358 Tritanopia 0.001% of the population

Trichromacy

#3f4dc5 Protanomaly 1% of men, 0.01% of women
#6e4fac Deuteranomaly 6% of men, 0.4% of women
#a93e79 Tritanomaly 0.01% of the population

#af1bb4 hex color

#af1bb4 Color Information

#af1bb4 Color Conversion

Color Schemes with #af1bb4

Alternatives to #af1bb4

#af1bb4 Preview

Shades and Tints of #af1bb4

Tones of #af1bb4

Color Blindness Simulator