#af00bb hex color

In a RGB color space, hex #af00bb is composed of 68.6% red, 0% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 100% magenta, 0% yellow and 26.7% black. It has a hue angle of 296.1 degrees, a saturation of 100% and a lightness of 36.7%. #af00bb color hex could be obtained by blending #ff00ff with #5f0077. Closest websafe color is: #9900cc.

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

● #af00bb color description : Strong magenta.

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

Hex triplet	af00bb	`#af00bb`
RGB Decimal	175, 0, 187	`rgb(175,0,187)`
RGB Percent	68.6, 0, 73.3	`rgb(68.6%,0%,73.3%)`
CMYK	6, 100, 0, 27
HSL	296.1°, 100, 36.7	`hsl(296.1,100%,36.7%)`
HSV (or HSB)	296.1°, 100, 73.3
Web Safe	9900cc	`#9900cc`

CIE-LAB	42.313, 75.9, -51.738
XYZ	26.648, 12.704, 48.059
xyY	0.305, 0.145, 12.704
CIE-LCH	42.313, 91.857, 325.719
CIE-LUV	42.313, 53.423, -83.589
Hunter-Lab	35.642, 71.084, -54.997
Binary	10101111, 00000000, 10111011

#af00bb
```
#af00bb rgb(175,0,187)
```
#0cbb00
```
#0cbb00 rgb(12,187,0)
```

Complementary Color

#5200bb
```
#5200bb rgb(82,0,187)
```
#af00bb
```
#af00bb rgb(175,0,187)
```
#bb006a
```
#bb006a rgb(187,0,106)
```

Analogous Color

#00bb52
```
#00bb52 rgb(0,187,82)
```
#af00bb
```
#af00bb rgb(175,0,187)
```
#6abb00
```
#6abb00 rgb(106,187,0)
```

Split Complementary Color

#00bbaf
```
#00bbaf rgb(0,187,175)
```
#af00bb
```
#af00bb rgb(175,0,187)
```
#bbaf00
```
#bbaf00 rgb(187,175,0)
```

Triadic Color

#000cbb
```
#000cbb rgb(0,12,187)
```
#af00bb
```
#af00bb rgb(175,0,187)
```
#bbaf00
```
#bbaf00 rgb(187,175,0)
```
#0cbb00
```
#0cbb00 rgb(12,187,0)
```

Tetradic Color

#67006f
```
#67006f rgb(103,0,111)
```
#7f0088
```
#7f0088 rgb(127,0,136)
```
#9700a2
```
#9700a2 rgb(151,0,162)
```
#af00bb
```
#af00bb rgb(175,0,187)
```
#c700d5
```
#c700d5 rgb(199,0,213)
```
#df00ee
```
#df00ee rgb(223,0,238)
```
#ef08ff
```
#ef08ff rgb(239,8,255)
```

Monochromatic Color

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

#8000bb
```
#8000bb rgb(128,0,187)
```
#9000bb
```
#9000bb rgb(144,0,187)
```
#9f00bb
```
#9f00bb rgb(159,0,187)
```
#af00bb
```
#af00bb rgb(175,0,187)
```
#bb00b7
```
#bb00b7 rgb(187,0,183)
```
#bb00a8
```
#bb00a8 rgb(187,0,168)
```
#bb0098
```
#bb0098 rgb(187,0,152)
```

Similar Colors

Text with hexadecimal color #af00bb

This text has a font color of #af00bb.

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

#af00bb background color

This paragraph has a background color of #af00bb.

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

#af00bb border color

This element has a border color of #af00bb.

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

CSS codes

.text {color:#af00bb;}

.background {background-color:#af00bb;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1c001e
```
#1c001e rgb(28,0,30)
```
#2f0032
```
#2f0032 rgb(47,0,50)
```
#410045
```
#410045 rgb(65,0,69)
```
#530059
```
#530059 rgb(83,0,89)
```
#66006d
```
#66006d rgb(102,0,109)
```
#780080
```
#780080 rgb(120,0,128)
```
#8a0094
```
#8a0094 rgb(138,0,148)
```
#9d00a7
```
#9d00a7 rgb(157,0,167)
```
#af00bb
```
#af00bb rgb(175,0,187)
```
#c100cf
```
#c100cf rgb(193,0,207)
```
#d400e2
```
#d400e2 rgb(212,0,226)
```
#e600f6
```
#e600f6 rgb(230,0,246)
```

Shade Color Variation

#ef0aff
```
#ef0aff rgb(239,10,255)
```
#f11eff
```
#f11eff rgb(241,30,255)
```
#f232ff
```
#f232ff rgb(242,50,255)
```
#f345ff
```
#f345ff rgb(243,69,255)
```
#f459ff
```
#f459ff rgb(244,89,255)
```
#f66dff
```
#f66dff rgb(246,109,255)
```
#f780ff
```
#f780ff rgb(247,128,255)
```
#f894ff
```
#f894ff rgb(248,148,255)
```
#f9a7ff
```
#f9a7ff rgb(249,167,255)
```
#fbbbff
```
#fbbbff rgb(251,187,255)
```
#fccfff
```
#fccfff rgb(252,207,255)
```
#fde2ff
```
#fde2ff rgb(253,226,255)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#645665
```
#645665 rgb(100,86,101)
```
#6a4f6c
```
#6a4f6c rgb(106,79,108)
```
#704873
```
#704873 rgb(112,72,115)
```
#77417a
```
#77417a rgb(119,65,122)
```
#7d3a81
```
#7d3a81 rgb(125,58,129)
```
#833289
```
#833289 rgb(131,50,137)
```
#892b90
```
#892b90 rgb(137,43,144)
```
#902497
```
#902497 rgb(144,36,151)
```
#961d9e
```
#961d9e rgb(150,29,158)
```
#9c16a5
```
#9c16a5 rgb(156,22,165)
```
#a20ead
```
#a20ead rgb(162,14,173)
```
#a907b4
```
#a907b4 rgb(169,7,180)
```
#af00bb
```
#af00bb rgb(175,0,187)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5e3b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#3a6cac Deuteranopia 1% of men
#a55156 Tritanopia 0.001% of the population

Trichromacy

#3f42c6 Protanomaly 1% of men, 0.01% of women
#6445b1 Deuteranomaly 6% of men, 0.4% of women
#a8337b Tritanomaly 0.01% of the population

#af00bb hex color

#af00bb Color Information

#af00bb Color Conversion

Color Schemes with #af00bb

Alternatives to #af00bb

#af00bb Preview

Shades and Tints of #af00bb

Tones of #af00bb

Color Blindness Simulator