colorhexa.com

#af00b3 hex color

In a RGB color space, hex #af00b3 is composed of 68.6% red, 0% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 100% magenta, 0% yellow and 29.8% black. It has a hue angle of 298.7 degrees, a saturation of 100% and a lightness of 35.1%. #af00b3 color hex could be obtained by blending #ff00ff with #5f0067. Closest websafe color is: #9900cc.

- R 69
- G 0
- B 70
RGB color chart
- C 2
- M 100
- Y 0
- K 30
CMYK color chart

● #af00b3 color description : Strong magenta.

The hexadecimal color #af00b3 has RGB values of R:175, G:0, B:179 and CMYK values of C:0.02, M:1, Y:0, K:0.3. Its decimal value is 11468979.

Hex triplet	af00b3	`#af00b3`
RGB Decimal	175, 0, 179	`rgb(175,0,179)`
RGB Percent	68.6, 0, 70.2	`rgb(68.6%,0%,70.2%)`
CMYK	2, 100, 0, 30
HSL	298.7°, 100, 35.1	`hsl(298.7,100%,35.1%)`
HSV (or HSB)	298.7°, 100, 70.2
Web Safe	9900cc	`#9900cc`

CIE-LAB	41.799, 74.672, -47.844
XYZ	25.815, 12.37, 43.673
xyY	0.315, 0.151, 12.37
CIE-LCH	41.799, 88.684, 327.352
CIE-LUV	41.799, 56.375, -77.797
Hunter-Lab	35.172, 69.466, -49.002
Binary	10101111, 00000000, 10110011

#af00b3
```
#af00b3 rgb(175,0,179)
```
#04b300
```
#04b300 rgb(4,179,0)
```

Complementary Color

#5600b3
```
#5600b3 rgb(86,0,179)
```
#af00b3
```
#af00b3 rgb(175,0,179)
```
#b3005e
```
#b3005e rgb(179,0,94)
```

Analogous Color

#00b355
```
#00b355 rgb(0,179,85)
```
#af00b3
```
#af00b3 rgb(175,0,179)
```
#5eb300
```
#5eb300 rgb(94,179,0)
```

Split Complementary Color

#00b3af
```
#00b3af rgb(0,179,175)
```
#af00b3
```
#af00b3 rgb(175,0,179)
```
#b3af00
```
#b3af00 rgb(179,175,0)
```

Triadic Color

#640067
```
#640067 rgb(100,0,103)
```
#7d0080
```
#7d0080 rgb(125,0,128)
```
#96009a
```
#96009a rgb(150,0,154)
```
#af00b3
```
#af00b3 rgb(175,0,179)
```
#c800cd
```
#c800cd rgb(200,0,205)
```
#e100e6
```
#e100e6 rgb(225,0,230)
```
#f900ff
```
#f900ff rgb(249,0,255)
```

Monochromatic Color

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

#8200b3
```
#8200b3 rgb(130,0,179)
```
#9100b3
```
#9100b3 rgb(145,0,179)
```
#a000b3
```
#a000b3 rgb(160,0,179)
```
#af00b3
```
#af00b3 rgb(175,0,179)
```
#b300a8
```
#b300a8 rgb(179,0,168)
```
#b30099
```
#b30099 rgb(179,0,153)
```
#b3008a
```
#b3008a rgb(179,0,138)
```

Similar Colors

Text with hexadecimal color #af00b3

This text has a font color of #af00b3.

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

#af00b3 background color

This paragraph has a background color of #af00b3.

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

#af00b3 border color

This element has a border color of #af00b3.

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

CSS codes

.text {color:#af00b3;}

.background {background-color:#af00b3;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#160016
```
#160016 rgb(22,0,22)
```
#29002a
```
#29002a rgb(41,0,42)
```
#3c003d
```
#3c003d rgb(60,0,61)
```
#4f0051
```
#4f0051 rgb(79,0,81)
```
#620065
```
#620065 rgb(98,0,101)
```
#750078
```
#750078 rgb(117,0,120)
```
#89008c
```
#89008c rgb(137,0,140)
```
#9c009f
```
#9c009f rgb(156,0,159)
```
#af00b3
```
#af00b3 rgb(175,0,179)
```
#c200c7
```
#c200c7 rgb(194,0,199)
```
#d500da
```
#d500da rgb(213,0,218)
```
#e900ee
```
#e900ee rgb(233,0,238)
```

Shade Color Variation

#f902ff
```
#f902ff rgb(249,2,255)
```
#fa16ff
```
#fa16ff rgb(250,22,255)
```
#fa2aff
```
#fa2aff rgb(250,42,255)
```
#fb3dff
```
#fb3dff rgb(251,61,255)
```
#fb51ff
```
#fb51ff rgb(251,81,255)
```
#fc65ff
```
#fc65ff rgb(252,101,255)
```
#fc78ff
```
#fc78ff rgb(252,120,255)
```
#fc8cff
```
#fc8cff rgb(252,140,255)
```
#fd9fff
```
#fd9fff rgb(253,159,255)
```
#fdb3ff
```
#fdb3ff rgb(253,179,255)
```
#fec7ff
```
#fec7ff rgb(254,199,255)
```
#fedaff
```
#fedaff rgb(254,218,255)
```
#ffeeff
```
#ffeeff rgb(255,238,255)
```

Tint Color Variation

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

#605360
```
#605360 rgb(96,83,96)
```
#674c67
```
#674c67 rgb(103,76,103)
```
#6d456e
```
#6d456e rgb(109,69,110)
```
#743e75
```
#743e75 rgb(116,62,117)
```
#7a377c
```
#7a377c rgb(122,55,124)
```
#813083
```
#813083 rgb(129,48,131)
```
#88298a
```
#88298a rgb(136,41,138)
```
#8e2291
```
#8e2291 rgb(142,34,145)
```
#951c97
```
#951c97 rgb(149,28,151)
```
#9b159e
```
#9b159e rgb(155,21,158)
```
#a20ea5
```
#a20ea5 rgb(162,14,165)
```
#a807ac
```
#a807ac rgb(168,7,172)
```
#af00b3
```
#af00b3 rgb(175,0,179)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5d3a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#436ba5 Deuteranopia 1% of men
#a64e53 Tritanopia 0.001% of the population

Trichromacy

#3f41c1 Protanomaly 1% of men, 0.01% of women
#6a44aa Deuteranomaly 6% of men, 0.4% of women
#a93175 Tritanomaly 0.01% of the population