#af5bbb hex color

In a RGB color space, hex #af5bbb is composed of 68.6% red, 35.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 51.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 292.5 degrees, a saturation of 41.4% and a lightness of 54.5%. #af5bbb color hex could be obtained by blending #ffb6ff with #5f0077. Closest websafe color is: #9966cc.

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

● #af5bbb color description : Moderate magenta.

The hexadecimal color #af5bbb has RGB values of R:175, G:91, B:187 and CMYK values of C:0.06, M:0.51, Y:0, K:0.27. Its decimal value is 11492283.

Hex triplet	af5bbb	`#af5bbb`
RGB Decimal	175, 91, 187	`rgb(175,91,187)`
RGB Percent	68.6, 35.7, 73.3	`rgb(68.6%,35.7%,73.3%)`
CMYK	6, 51, 0, 27
HSL	292.5°, 41.4, 54.5	`hsl(292.5,41.4%,54.5%)`
HSV (or HSB)	292.5°, 51.3, 73.3
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.046, 48.596, -36.263
XYZ	30.389, 20.185, 49.306
xyY	0.304, 0.202, 20.185
CIE-LCH	52.046, 60.634, 323.269
CIE-LUV	52.046, 37.097, -61.38
Hunter-Lab	44.928, 42.112, -33.618
Binary	10101111, 01011011, 10111011

#af5bbb
```
#af5bbb rgb(175,91,187)
```
#67bb5b
```
#67bb5b rgb(103,187,91)
```

Complementary Color

#7f5bbb
```
#7f5bbb rgb(127,91,187)
```
#af5bbb
```
#af5bbb rgb(175,91,187)
```
#bb5b97
```
#bb5b97 rgb(187,91,151)
```

Analogous Color

#5bbb7f
```
#5bbb7f rgb(91,187,127)
```
#af5bbb
```
#af5bbb rgb(175,91,187)
```
#97bb5b
```
#97bb5b rgb(151,187,91)
```

Split Complementary Color

#5bbbaf
```
#5bbbaf rgb(91,187,175)
```
#af5bbb
```
#af5bbb rgb(175,91,187)
```
#bbaf5b
```
#bbaf5b rgb(187,175,91)
```

Triadic Color

#5b67bb
```
#5b67bb rgb(91,103,187)
```
#af5bbb
```
#af5bbb rgb(175,91,187)
```
#bbaf5b
```
#bbaf5b rgb(187,175,91)
```
#67bb5b
```
#67bb5b rgb(103,187,91)
```

Tetradic Color

#843b8e
```
#843b8e rgb(132,59,142)
```
#9543a0
```
#9543a0 rgb(149,67,160)
```
#a54ab2
```
#a54ab2 rgb(165,74,178)
```
#af5bbb
```
#af5bbb rgb(175,91,187)
```
#b86dc2
```
#b86dc2 rgb(184,109,194)
```
#c17fca
```
#c17fca rgb(193,127,202)
```
#c991d1
```
#c991d1 rgb(201,145,209)
```

Monochromatic Color

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

#975bbb
```
#975bbb rgb(151,91,187)
```
#9f5bbb
```
#9f5bbb rgb(159,91,187)
```
#a75bbb
```
#a75bbb rgb(167,91,187)
```
#af5bbb
```
#af5bbb rgb(175,91,187)
```
#b75bbb
```
#b75bbb rgb(183,91,187)
```
#bb5bb7
```
#bb5bb7 rgb(187,91,183)
```
#bb5baf
```
#bb5baf rgb(187,91,175)
```

Similar Colors

Text with hexadecimal color #af5bbb

This text has a font color of #af5bbb.

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

#af5bbb background color

This paragraph has a background color of #af5bbb.

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

#af5bbb border color

This element has a border color of #af5bbb.

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

CSS codes

.text {color:#af5bbb;}

.background {background-color:#af5bbb;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0f0710
```
#0f0710 rgb(15,7,16)
```
#1c0c1e
```
#1c0c1e rgb(28,12,30)
```
#29122c
```
#29122c rgb(41,18,44)
```
#36183a
```
#36183a rgb(54,24,58)
```
#421e48
```
#421e48 rgb(66,30,72)
```
#4f2356
```
#4f2356 rgb(79,35,86)
```
#5c2963
```
#5c2963 rgb(92,41,99)
```
#692f71
```
#692f71 rgb(105,47,113)
```
#76357f
```
#76357f rgb(118,53,127)
```
#833a8d
```
#833a8d rgb(131,58,141)
```
#90409b
```
#90409b rgb(144,64,155)
```
#9c46a9
```
#9c46a9 rgb(156,70,169)
```

Shade Color Variation

#a84db5
```
#a84db5 rgb(168,77,181)
```
#af5bbb
```
#af5bbb rgb(175,91,187)
```
#b669c1
```
#b669c1 rgb(182,105,193)
```
#bd77c6
```
#bd77c6 rgb(189,119,198)
```
#c385cc
```
#c385cc rgb(195,133,204)
```
#ca92d2
```
#ca92d2 rgb(202,146,210)
```
#d1a0d8
```
#d1a0d8 rgb(209,160,216)
```
#d8aedd
```
#d8aedd rgb(216,174,221)
```
#debce3
```
#debce3 rgb(222,188,227)
```
#e5cae9
```
#e5cae9 rgb(229,202,233)
```
#ecd8ef
```
#ecd8ef rgb(236,216,239)
```
#f3e6f4
```
#f3e6f4 rgb(243,230,244)
```
#f9f4fa
```
#f9f4fa rgb(249,244,250)
```

Tint Color Variation

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

#8e888e
```
#8e888e rgb(142,136,142)
```
#947f97
```
#947f97 rgb(148,127,151)
```
#9b76a0
```
#9b76a0 rgb(155,118,160)
```
#a26da9
```
#a26da9 rgb(162,109,169)
```
#a864b2
```
#a864b2 rgb(168,100,178)
```
#af5bbb
```
#af5bbb rgb(175,91,187)
```
#b652c4
```
#b652c4 rgb(182,82,196)
```
#bc49cd
```
#bc49cd rgb(188,73,205)
```
#c340d6
```
#c340d6 rgb(195,64,214)
```
#ca37df
```
#ca37df rgb(202,55,223)
```
#d02ee8
```
#d02ee8 rgb(208,46,232)
```
#d725f1
```
#d725f1 rgb(215,37,241)
```
#de1df9
```
#de1df9 rgb(222,29,249)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#89788b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b80d4 Protanopia 1% of men
#6e81b5 Deuteranopia 1% of men
#a9747c Tritanopia 0.001% of the population

Trichromacy

#7972cb Protanomaly 1% of men, 0.01% of women
#8573b7 Deuteranomaly 6% of men, 0.4% of women
#ab6b93 Tritanomaly 0.01% of the population

#af5bbb hex color

#af5bbb Color Information

#af5bbb Color Conversion

Color Schemes with #af5bbb

Alternatives to #af5bbb

#af5bbb Preview

Shades and Tints of #af5bbb

Tones of #af5bbb

Color Blindness Simulator