colorhexa.com

#af0bc2 hex color

In a RGB color space, hex #af0bc2 is composed of 68.6% red, 4.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 94.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 293.8 degrees, a saturation of 89.3% and a lightness of 40.2%. #af0bc2 color hex could be obtained by blending #ff16ff with #5f0085. Closest websafe color is: #9900cc.

- R 69
- G 4
- B 76
RGB color chart
- C 10
- M 94
- Y 0
- K 24
CMYK color chart

● #af0bc2 color description : Strong magenta.

The hexadecimal color #af0bc2 has RGB values of R:175, G:11, B:194 and CMYK values of C:0.1, M:0.94, Y:0, K:0.24. Its decimal value is 11471810.

Hex triplet	af0bc2	`#af0bc2`
RGB Decimal	175, 11, 194	`rgb(175,11,194)`
RGB Percent	68.6, 4.3, 76.1	`rgb(68.6%,4.3%,76.1%)`
CMYK	10, 94, 0, 24
HSL	293.8°, 89.3, 40.2	`hsl(293.8,89.3%,40.2%)`
HSV (or HSB)	293.8°, 94.3, 76.1
Web Safe	9900cc	`#9900cc`

CIE-LAB	43.137, 75.94, -54.513
XYZ	27.536, 13.25, 52.143
xyY	0.296, 0.143, 13.25
CIE-LCH	43.137, 93.48, 324.328
CIE-LUV	43.137, 50.444, -87.902
Hunter-Lab	36.4, 71.327, -59.452
Binary	10101111, 00001011, 11000010

#af0bc2
```
#af0bc2 rgb(175,11,194)
```
#1ec20b
```
#1ec20b rgb(30,194,11)
```

Complementary Color

#540bc2
```
#540bc2 rgb(84,11,194)
```
#af0bc2
```
#af0bc2 rgb(175,11,194)
```
#c20b7a
```
#c20b7a rgb(194,11,122)
```

Analogous Color

#0bc254
```
#0bc254 rgb(11,194,84)
```
#af0bc2
```
#af0bc2 rgb(175,11,194)
```
#7ac20b
```
#7ac20b rgb(122,194,11)
```

Split Complementary Color

#0bc2af
```
#0bc2af rgb(11,194,175)
```
#af0bc2
```
#af0bc2 rgb(175,11,194)
```
#c2af0b
```
#c2af0b rgb(194,175,11)
```

Triadic Color

#0b1ec2
```
#0b1ec2 rgb(11,30,194)
```
#af0bc2
```
#af0bc2 rgb(175,11,194)
```
#c2af0b
```
#c2af0b rgb(194,175,11)
```
#1ec20b
```
#1ec20b rgb(30,194,11)
```

Tetradic Color

#6e077a
```
#6e077a rgb(110,7,122)
```
#830892
```
#830892 rgb(131,8,146)
```
#990aaa
```
#990aaa rgb(153,10,170)
```
#af0bc2
```
#af0bc2 rgb(175,11,194)
```
#c50cda
```
#c50cda rgb(197,12,218)
```
#da0ff1
```
#da0ff1 rgb(218,15,241)
```
#de27f3
```
#de27f3 rgb(222,39,243)
```

Monochromatic Color

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

#810bc2
```
#810bc2 rgb(129,11,194)
```
#910bc2
```
#910bc2 rgb(145,11,194)
```
#a00bc2
```
#a00bc2 rgb(160,11,194)
```
#af0bc2
```
#af0bc2 rgb(175,11,194)
```
#be0bc2
```
#be0bc2 rgb(190,11,194)
```
#c20bb7
```
#c20bb7 rgb(194,11,183)
```
#c20ba7
```
#c20ba7 rgb(194,11,167)
```

Similar Colors

Text with hexadecimal color #af0bc2

This text has a font color of #af0bc2.

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

#af0bc2 background color

This paragraph has a background color of #af0bc2.

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

#af0bc2 border color

This element has a border color of #af0bc2.

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

CSS codes

.text {color:#af0bc2;}

.background {background-color:#af0bc2;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#18021b
```
#18021b rgb(24,2,27)
```
#29032d
```
#29032d rgb(41,3,45)
```
#3a0440
```
#3a0440 rgb(58,4,64)
```
#4b0553
```
#4b0553 rgb(75,5,83)
```
#5b0665
```
#5b0665 rgb(91,6,101)
```
#6c0778
```
#6c0778 rgb(108,7,120)
```
#7d088a
```
#7d088a rgb(125,8,138)
```
#8e099d
```
#8e099d rgb(142,9,157)
```
#9e0aaf
```
#9e0aaf rgb(158,10,175)
```
#af0bc2
```
#af0bc2 rgb(175,11,194)
```
#c00cd5
```
#c00cd5 rgb(192,12,213)
```
#d00de7
```
#d00de7 rgb(208,13,231)
```

Shade Color Variation

#db16f2
```
#db16f2 rgb(219,22,242)
```
#de29f3
```
#de29f3 rgb(222,41,243)
```
#e13bf4
```
#e13bf4 rgb(225,59,244)
```
#e44ef5
```
#e44ef5 rgb(228,78,245)
```
#e660f6
```
#e660f6 rgb(230,96,246)
```
#e973f7
```
#e973f7 rgb(233,115,247)
```
#ec85f8
```
#ec85f8 rgb(236,133,248)
```
#ef98f9
```
#ef98f9 rgb(239,152,249)
```
#f2abfa
```
#f2abfa rgb(242,171,250)
```
#f5bdfb
```
#f5bdfb rgb(245,189,251)
```
#f8d0fc
```
#f8d0fc rgb(248,208,252)
```
#fbe2fd
```
#fbe2fd rgb(251,226,253)
```
#fdf5fe
```
#fdf5fe rgb(253,245,254)
```

Tint Color Variation

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

#6a626b
```
#6a626b rgb(106,98,107)
```
#715a73
```
#715a73 rgb(113,90,115)
```
#77527b
```
#77527b rgb(119,82,123)
```
#7d4a83
```
#7d4a83 rgb(125,74,131)
```
#83428b
```
#83428b rgb(131,66,139)
```
#8a3a93
```
#8a3a93 rgb(138,58,147)
```
#90329b
```
#90329b rgb(144,50,155)
```
#962ba2
```
#962ba2 rgb(150,43,162)
```
#9c23aa
```
#9c23aa rgb(156,35,170)
```
#a31bb2
```
#a31bb2 rgb(163,27,178)
```
#a913ba
```
#a913ba rgb(169,19,186)
```
#af0bc2
```
#af0bc2 rgb(175,11,194)
```
#b503ca
```
#b503ca rgb(181,3,202)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#644368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#336eb2 Deuteranopia 1% of men
#a4555b Tritanopia 0.001% of the population

Trichromacy

#3f47ca Protanomaly 1% of men, 0.01% of women
#604ab8 Deuteranomaly 6% of men, 0.4% of women
#a83a80 Tritanomaly 0.01% of the population