#af22b0 hex color

In a RGB color space, hex #af22b0 is composed of 68.6% red, 13.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 80.7% magenta, 0% yellow and 31% black. It has a hue angle of 299.6 degrees, a saturation of 67.6% and a lightness of 41.2%. #af22b0 color hex could be obtained by blending #ff44ff with #5f0061. Closest websafe color is: #993399.

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

● #af22b0 color description : Dark magenta.

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

Hex triplet	af22b0	`#af22b0`
RGB Decimal	175, 34, 176	`rgb(175,34,176)`
RGB Percent	68.6, 13.3, 69	`rgb(68.6%,13.3%,69%)`
CMYK	1, 81, 0, 31
HSL	299.6°, 67.6, 41.2	`hsl(299.6,67.6%,41.2%)`
HSV (or HSB)	299.6°, 80.7, 69
Web Safe	993399	`#993399`

CIE-LAB	43.351, 69.112, -43.585
XYZ	26.087, 13.394, 42.283
xyY	0.319, 0.164, 13.394
CIE-LCH	43.351, 81.707, 327.763
CIE-LUV	43.351, 54.696, -71.945
Hunter-Lab	36.598, 63.187, -42.881
Binary	10101111, 00100010, 10110000

#af22b0
```
#af22b0 rgb(175,34,176)
```
#23b022
```
#23b022 rgb(35,176,34)
```

Complementary Color

#6822b0
```
#6822b0 rgb(104,34,176)
```
#af22b0
```
#af22b0 rgb(175,34,176)
```
#b0226a
```
#b0226a rgb(176,34,106)
```

Analogous Color

#22b068
```
#22b068 rgb(34,176,104)
```
#af22b0
```
#af22b0 rgb(175,34,176)
```
#6ab022
```
#6ab022 rgb(106,176,34)
```

Split Complementary Color

#22b0af
```
#22b0af rgb(34,176,175)
```
#af22b0
```
#af22b0 rgb(175,34,176)
```
#b0af22
```
#b0af22 rgb(176,175,34)
```

Triadic Color

#2223b0
```
#2223b0 rgb(34,35,176)
```
#af22b0
```
#af22b0 rgb(175,34,176)
```
#b0af22
```
#b0af22 rgb(176,175,34)
```
#23b022
```
#23b022 rgb(35,176,34)
```

Tetradic Color

#6f1670
```
#6f1670 rgb(111,22,112)
```
#851a85
```
#851a85 rgb(133,26,133)
```
#9a1e9b
```
#9a1e9b rgb(154,30,155)
```
#af22b0
```
#af22b0 rgb(175,34,176)
```
#c426c5
```
#c426c5 rgb(196,38,197)
```
#d62ed7
```
#d62ed7 rgb(214,46,215)
```
#da44db
```
#da44db rgb(218,68,219)
```

Monochromatic Color

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

#8c22b0
```
#8c22b0 rgb(140,34,176)
```
#9722b0
```
#9722b0 rgb(151,34,176)
```
#a322b0
```
#a322b0 rgb(163,34,176)
```
#af22b0
```
#af22b0 rgb(175,34,176)
```
#b022a5
```
#b022a5 rgb(176,34,165)
```
#b02299
```
#b02299 rgb(176,34,153)
```
#b0228e
```
#b0228e rgb(176,34,142)
```

Similar Colors

Text with hexadecimal color #af22b0

This text has a font color of #af22b0.

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

#af22b0 background color

This paragraph has a background color of #af22b0.

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

#af22b0 border color

This element has a border color of #af22b0.

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

CSS codes

.text {color:#af22b0;}

.background {background-color:#af22b0;}

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

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

#0c020c
```
#0c020c rgb(12,2,12)
```
#1c051c
```
#1c051c rgb(28,5,28)
```
#2c092c
```
#2c092c rgb(44,9,44)
```
#3d0c3d
```
#3d0c3d rgb(61,12,61)
```
#4d0f4d
```
#4d0f4d rgb(77,15,77)
```
#5d125e
```
#5d125e rgb(93,18,94)
```
#6e156e
```
#6e156e rgb(110,21,110)
```
#7e187f
```
#7e187f rgb(126,24,127)
```
#8e1c8f
```
#8e1c8f rgb(142,28,143)
```
#9f1fa0
```
#9f1fa0 rgb(159,31,160)
```
#af22b0
```
#af22b0 rgb(175,34,176)
```
#bf25c0
```
#bf25c0 rgb(191,37,192)
```
#d028d1
```
#d028d1 rgb(208,40,209)
```

Shade Color Variation

#d735d8
```
#d735d8 rgb(215,53,216)
```
#da45db
```
#da45db rgb(218,69,219)
```
#dd56de
```
#dd56de rgb(221,86,222)
```
#e166e1
```
#e166e1 rgb(225,102,225)
```
#e477e5
```
#e477e5 rgb(228,119,229)
```
#e787e8
```
#e787e8 rgb(231,135,232)
```
#ea98eb
```
#ea98eb rgb(234,152,235)
```
#eea8ee
```
#eea8ee rgb(238,168,238)
```
#f1b8f1
```
#f1b8f1 rgb(241,184,241)
```
#f4c9f5
```
#f4c9f5 rgb(244,201,245)
```
#f8d9f8
```
#f8d9f8 rgb(248,217,248)
```
#fbeafb
```
#fbeafb rgb(251,234,251)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#6f636f
```
#6f636f rgb(111,99,111)
```
#775b77
```
#775b77 rgb(119,91,119)
```
#7f5280
```
#7f5280 rgb(127,82,128)
```
#874a88
```
#874a88 rgb(135,74,136)
```
#8f4290
```
#8f4290 rgb(143,66,144)
```
#973a98
```
#973a98 rgb(151,58,152)
```
#9f32a0
```
#9f32a0 rgb(159,50,160)
```
#a72aa8
```
#a72aa8 rgb(167,42,168)
```
#af22b0
```
#af22b0 rgb(175,34,176)
```
#b71ab8
```
#b71ab8 rgb(183,26,184)
```
#bf12c0
```
#bf12c0 rgb(191,18,192)
```
#c70ac8
```
#c70ac8 rgb(199,10,200)
```
#cf02d0
```
#cf02d0 rgb(207,2,208)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6d506d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad1 Protanopia 1% of men
#4f6ea4 Deuteranopia 1% of men
#a75459 Tritanopia 0.001% of the population

Trichromacy

#3f50c5 Protanomaly 1% of men, 0.01% of women
#7252a8 Deuteranomaly 6% of men, 0.4% of women
#aa4178 Tritanomaly 0.01% of the population

#af22b0 hex color

#af22b0 Color Information

#af22b0 Color Conversion

Color Schemes with #af22b0

Alternatives to #af22b0

#af22b0 Preview

Shades and Tints of #af22b0

Tones of #af22b0

Color Blindness Simulator