#af00b0 hex color

In a RGB color space, hex #af00b0 is composed of 68.6% red, 0% green and 69% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 100% magenta, 0% yellow and 31% black. It has a hue angle of 299.7 degrees, a saturation of 100% and a lightness of 34.5%. #af00b0 color hex could be obtained by blending #ff00ff with #5f0061. Closest websafe color is: #990099.

♥
- f
- t
- g
- R 69
- G 0
- B 69
RGB color chart
- C 1
- M 100
- Y 0
- K 31
CMYK color chart

● #af00b0 color description : Dark magenta.

The hexadecimal color #af00b0 has RGB values of R:175, G:0, B:176 and CMYK values of C:0.01, M:1, Y:0, K:0.31. Its decimal value is 11468976.

Hex triplet	af00b0	`#af00b0`
RGB Decimal	175, 0, 176	`rgb(175,0,176)`
RGB Percent	68.6, 0, 69	`rgb(68.6%,0%,69%)`
CMYK	1, 100, 0, 31
HSL	299.7°, 100, 34.5	`hsl(299.7,100%,34.5%)`
HSV (or HSB)	299.7°, 100, 69
Web Safe	990099	`#990099`

CIE-LAB	41.611, 74.22, -46.366
XYZ	25.515, 12.25, 42.093
xyY	0.32, 0.153, 12.25
CIE-LCH	41.611, 87.512, 328.007
CIE-LUV	41.611, 57.514, -75.603
Hunter-Lab	35, 68.875, -46.804
Binary	10101111, 00000000, 10110000

#af00b0
```
#af00b0 rgb(175,0,176)
```
#01b000
```
#01b000 rgb(1,176,0)
```

Complementary Color

#5700b0
```
#5700b0 rgb(87,0,176)
```
#af00b0
```
#af00b0 rgb(175,0,176)
```
#b00059
```
#b00059 rgb(176,0,89)
```

Analogous Color

#00b057
```
#00b057 rgb(0,176,87)
```
#af00b0
```
#af00b0 rgb(175,0,176)
```
#59b000
```
#59b000 rgb(89,176,0)
```

Split Complementary Color

#00b0af
```
#00b0af rgb(0,176,175)
```
#af00b0
```
#af00b0 rgb(175,0,176)
```
#b0af00
```
#b0af00 rgb(176,175,0)
```

Triadic Color

#0001b0
```
#0001b0 rgb(0,1,176)
```
#af00b0
```
#af00b0 rgb(175,0,176)
```
#b0af00
```
#b0af00 rgb(176,175,0)
```
#01b000
```
#01b000 rgb(1,176,0)
```

Tetradic Color

#630064
```
#630064 rgb(99,0,100)
```
#7c007d
```
#7c007d rgb(124,0,125)
```
#960097
```
#960097 rgb(150,0,151)
```
#af00b0
```
#af00b0 rgb(175,0,176)
```
#c800ca
```
#c800ca rgb(200,0,202)
```
#e200e3
```
#e200e3 rgb(226,0,227)
```
#fb00fd
```
#fb00fd rgb(251,0,253)
```

Monochromatic Color

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

#8300b0
```
#8300b0 rgb(131,0,176)
```
#9200b0
```
#9200b0 rgb(146,0,176)
```
#a000b0
```
#a000b0 rgb(160,0,176)
```
#af00b0
```
#af00b0 rgb(175,0,176)
```
#b000a2
```
#b000a2 rgb(176,0,162)
```
#b00094
```
#b00094 rgb(176,0,148)
```
#b00085
```
#b00085 rgb(176,0,133)
```

Similar Colors

Text with hexadecimal color #af00b0

This text has a font color of #af00b0.

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

#af00b0 background color

This paragraph has a background color of #af00b0.

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

#af00b0 border color

This element has a border color of #af00b0.

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

CSS codes

.text {color:#af00b0;}

.background {background-color:#af00b0;}

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

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

#130013
```
#130013 rgb(19,0,19)
```
#260027
```
#260027 rgb(38,0,39)
```
#3a003a
```
#3a003a rgb(58,0,58)
```
#4d004e
```
#4d004e rgb(77,0,78)
```
#610062
```
#610062 rgb(97,0,98)
```
#740075
```
#740075 rgb(116,0,117)
```
#880089
```
#880089 rgb(136,0,137)
```
#9b009c
```
#9b009c rgb(155,0,156)
```
#af00b0
```
#af00b0 rgb(175,0,176)
```
#c300c4
```
#c300c4 rgb(195,0,196)
```
#d600d7
```
#d600d7 rgb(214,0,215)
```
#ea00eb
```
#ea00eb rgb(234,0,235)
```
#fd00fe
```
#fd00fe rgb(253,0,254)
```

Shade Color Variation

#fe13ff
```
#fe13ff rgb(254,19,255)
```
#fe27ff
```
#fe27ff rgb(254,39,255)
```
#fe3aff
```
#fe3aff rgb(254,58,255)
```
#fe4eff
```
#fe4eff rgb(254,78,255)
```
#fe62ff
```
#fe62ff rgb(254,98,255)
```
#fe75ff
```
#fe75ff rgb(254,117,255)
```
#fe89ff
```
#fe89ff rgb(254,137,255)
```
#fe9cff
```
#fe9cff rgb(254,156,255)
```
#ffb0ff
```
#ffb0ff rgb(255,176,255)
```
#ffc4ff
```
#ffc4ff rgb(255,196,255)
```
#ffd7ff
```
#ffd7ff rgb(255,215,255)
```
#ffebff
```
#ffebff rgb(255,235,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#5f515f
```
#5f515f rgb(95,81,95)
```
#654a66
```
#654a66 rgb(101,74,102)
```
#6c446c
```
#6c446c rgb(108,68,108)
```
#733d73
```
#733d73 rgb(115,61,115)
```
#79367a
```
#79367a rgb(121,54,122)
```
#802f81
```
#802f81 rgb(128,47,129)
```
#872987
```
#872987 rgb(135,41,135)
```
#8e228e
```
#8e228e rgb(142,34,142)
```
#941b95
```
#941b95 rgb(148,27,149)
```
#9b149c
```
#9b149c rgb(155,20,156)
```
#a20ea2
```
#a20ea2 rgb(162,14,162)
```
#a807a9
```
#a807a9 rgb(168,7,169)
```
#af00b0
```
#af00b0 rgb(175,0,176)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#5d3a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#466aa3 Deuteranopia 1% of men
#a74d51 Tritanopia 0.001% of the population

Trichromacy

#3f41c0 Protanomaly 1% of men, 0.01% of women
#6c43a7 Deuteranomaly 6% of men, 0.4% of women
#aa3173 Tritanomaly 0.01% of the population

#af00b0 hex color

#af00b0 Color Information

#af00b0 Color Conversion

Color Schemes with #af00b0

Alternatives to #af00b0

#af00b0 Preview

Shades and Tints of #af00b0

Tones of #af00b0

Color Blindness Simulator