colorhexa.com

#af6bb1 hex color

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

- R 69
- G 42
- B 69
RGB color chart
- C 1
- M 40
- Y 0
- K 31
CMYK color chart

● #af6bb1 color description : Mostly desaturated dark magenta.

The hexadecimal color #af6bb1 has RGB values of R:175, G:107, B:177 and CMYK values of C:0.01, M:0.4, Y:0, K:0.31. Its decimal value is 11496369.

Hex triplet	af6bb1	`#af6bb1`
RGB Decimal	175, 107, 177	`rgb(175,107,177)`
RGB Percent	68.6, 42, 69.4	`rgb(68.6%,42%,69.4%)`
CMYK	1, 40, 0, 31
HSL	298.3°, 31, 55.7	`hsl(298.3,31%,55.7%)`
HSV (or HSB)	298.3°, 39.5, 69.4
Web Safe	996699	`#996699`

CIE-LAB	54.871, 38.222, -26.084
XYZ	30.872, 22.805, 44.368
xyY	0.315, 0.233, 22.805
CIE-LCH	54.871, 46.274, 325.689
CIE-LUV	54.871, 32.943, -44.765
Hunter-Lab	47.754, 31.825, -21.658
Binary	10101111, 01101011, 10110001

#af6bb1
```
#af6bb1 rgb(175,107,177)
```
#6db16b
```
#6db16b rgb(109,177,107)
```

Complementary Color

#8c6bb1
```
#8c6bb1 rgb(140,107,177)
```
#af6bb1
```
#af6bb1 rgb(175,107,177)
```
#b16b90
```
#b16b90 rgb(177,107,144)
```

Analogous Color

#6bb18c
```
#6bb18c rgb(107,177,140)
```
#af6bb1
```
#af6bb1 rgb(175,107,177)
```
#90b16b
```
#90b16b rgb(144,177,107)
```

Split Complementary Color

#6bb1af
```
#6bb1af rgb(107,177,175)
```
#af6bb1
```
#af6bb1 rgb(175,107,177)
```
#b1af6b
```
#b1af6b rgb(177,175,107)
```

Triadic Color

#6b6db1
```
#6b6db1 rgb(107,109,177)
```
#af6bb1
```
#af6bb1 rgb(175,107,177)
```
#b1af6b
```
#b1af6b rgb(177,175,107)
```
#6db16b
```
#6db16b rgb(109,177,107)
```

Tetradic Color

#864888
```
#864888 rgb(134,72,136)
```
#975099
```
#975099 rgb(151,80,153)
```
#a65aa8
```
#a65aa8 rgb(166,90,168)
```
#af6bb1
```
#af6bb1 rgb(175,107,177)
```
#b87cba
```
#b87cba rgb(184,124,186)
```
#c18cc3
```
#c18cc3 rgb(193,140,195)
```
#ca9dcb
```
#ca9dcb rgb(202,157,203)
```

Monochromatic Color

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

#9e6bb1
```
#9e6bb1 rgb(158,107,177)
```
#a36bb1
```
#a36bb1 rgb(163,107,177)
```
#a96bb1
```
#a96bb1 rgb(169,107,177)
```
#af6bb1
```
#af6bb1 rgb(175,107,177)
```
#b16bad
```
#b16bad rgb(177,107,173)
```
#b16ba7
```
#b16ba7 rgb(177,107,167)
```
#b16ba2
```
#b16ba2 rgb(177,107,162)
```

Similar Colors

Text with hexadecimal color #af6bb1

This text has a font color of #af6bb1.

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

#af6bb1 background color

This paragraph has a background color of #af6bb1.

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

#af6bb1 border color

This element has a border color of #af6bb1.

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

CSS codes

.text {color:#af6bb1;}

.background {background-color:#af6bb1;}

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

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

#060306
```
#060306 rgb(6,3,6)
```
#130a13
```
#130a13 rgb(19,10,19)
```
#1f1120
```
#1f1120 rgb(31,17,32)
```
#2c182d
```
#2c182d rgb(44,24,45)
```
#391e3a
```
#391e3a rgb(57,30,58)
```
#452546
```
#452546 rgb(69,37,70)
```
#522c53
```
#522c53 rgb(82,44,83)
```
#5f3360
```
#5f3360 rgb(95,51,96)
```
#6b396d
```
#6b396d rgb(107,57,109)
```
#78407a
```
#78407a rgb(120,64,122)
```
#854787
```
#854787 rgb(133,71,135)
```
#914e93
```
#914e93 rgb(145,78,147)
```
#9e54a0
```
#9e54a0 rgb(158,84,160)
```

Shade Color Variation

#a85eaa
```
#a85eaa rgb(168,94,170)
```
#af6bb1
```
#af6bb1 rgb(175,107,177)
```
#b678b8
```
#b678b8 rgb(182,120,184)
```
#bd85bf
```
#bd85bf rgb(189,133,191)
```
#c492c5
```
#c492c5 rgb(196,146,197)
```
#cb9ecc
```
#cb9ecc rgb(203,158,204)
```
#d2abd3
```
#d2abd3 rgb(210,171,211)
```
#d9b8da
```
#d9b8da rgb(217,184,218)
```
#e0c5e0
```
#e0c5e0 rgb(224,197,224)
```
#e7d2e7
```
#e7d2e7 rgb(231,210,231)
```
#eddfee
```
#eddfee rgb(237,223,238)
```
#f4ebf5
```
#f4ebf5 rgb(244,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, #8e8e8e is the less saturated color, while #f125f7 is the most saturated one.

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#968597
```
#968597 rgb(150,133,151)
```
#9f7ca0
```
#9f7ca0 rgb(159,124,160)
```
#a774a8
```
#a774a8 rgb(167,116,168)
```
#af6bb1
```
#af6bb1 rgb(175,107,177)
```
#b762ba
```
#b762ba rgb(183,98,186)
```
#bf5ac2
```
#bf5ac2 rgb(191,90,194)
```
#c851cb
```
#c851cb rgb(200,81,203)
```
#d048d4
```
#d048d4 rgb(208,72,212)
```
#d840dc
```
#d840dc rgb(216,64,220)
```
#e037e5
```
#e037e5 rgb(224,55,229)
```
#e82eee
```
#e82eee rgb(232,46,238)
```
#f125f7
```
#f125f7 rgb(241,37,247)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f818f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7487c3 Protanopia 1% of men
#8187ae Deuteranopia 1% of men
#ac7d85 Tritanopia 0.001% of the population

Trichromacy

#897dbc Protanomaly 1% of men, 0.01% of women
#927daf Deuteranomaly 6% of men, 0.4% of women
#ad7695 Tritanomaly 0.01% of the population