#af33aa hex color

In a RGB color space, hex #af33aa is composed of 68.6% red, 20% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.9% magenta, 2.9% yellow and 31.4% black. It has a hue angle of 302.4 degrees, a saturation of 54.9% and a lightness of 44.3%. #af33aa color hex could be obtained by blending #ff66ff with #5f0055. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 20
- B 67
RGB color chart
- C 0
- M 71
- Y 3
- K 31
CMYK color chart

● #af33aa color description : Dark magenta.

The hexadecimal color #af33aa has RGB values of R:175, G:51, B:170 and CMYK values of C:0, M:0.71, Y:0.03, K:0.31. Its decimal value is 11482026.

Hex triplet	af33aa	`#af33aa`
RGB Decimal	175, 51, 170	`rgb(175,51,170)`
RGB Percent	68.6, 20, 66.7	`rgb(68.6%,20%,66.7%)`
CMYK	0, 71, 3, 31
HSL	302.4°, 54.9, 44.3	`hsl(302.4,54.9%,44.3%)`
HSV (or HSB)	302.4°, 70.9, 68.6
Web Safe	993399	`#993399`

CIE-LAB	44.781, 63.08, -37.76
XYZ	26.118, 14.386, 39.429
xyY	0.327, 0.18, 14.386
CIE-LCH	44.781, 73.518, 329.095
CIE-LUV	44.781, 53.68, -63.388
Hunter-Lab	37.928, 56.544, -35.086
Binary	10101111, 00110011, 10101010

#af33aa
```
#af33aa rgb(175,51,170)
```
#33af38
```
#33af38 rgb(51,175,56)
```

Complementary Color

#7633af
```
#7633af rgb(118,51,175)
```
#af33aa
```
#af33aa rgb(175,51,170)
```
#af336c
```
#af336c rgb(175,51,108)
```

Analogous Color

#33af76
```
#33af76 rgb(51,175,118)
```
#af33aa
```
#af33aa rgb(175,51,170)
```
#6caf33
```
#6caf33 rgb(108,175,51)
```

Split Complementary Color

#33aaaf
```
#33aaaf rgb(51,170,175)
```
#af33aa
```
#af33aa rgb(175,51,170)
```
#aaaf33
```
#aaaf33 rgb(170,175,51)
```

Triadic Color

#3833af
```
#3833af rgb(56,51,175)
```
#af33aa
```
#af33aa rgb(175,51,170)
```
#aaaf33
```
#aaaf33 rgb(170,175,51)
```
#33af38
```
#33af38 rgb(51,175,56)
```

Tetradic Color

#742270
```
#742270 rgb(116,34,112)
```
#882784
```
#882784 rgb(136,39,132)
```
#9b2d97
```
#9b2d97 rgb(155,45,151)
```
#af33aa
```
#af33aa rgb(175,51,170)
```
#c339bd
```
#c339bd rgb(195,57,189)
```
#ca4bc5
```
#ca4bc5 rgb(202,75,197)
```
#d05ecc
```
#d05ecc rgb(208,94,204)
```

Monochromatic Color

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

#9533af
```
#9533af rgb(149,51,175)
```
#9f33af
```
#9f33af rgb(159,51,175)
```
#aa33af
```
#aa33af rgb(170,51,175)
```
#af33aa
```
#af33aa rgb(175,51,170)
```
#af33a0
```
#af33a0 rgb(175,51,160)
```
#af3395
```
#af3395 rgb(175,51,149)
```
#af338b
```
#af338b rgb(175,51,139)
```

Similar Colors

Text with hexadecimal color #af33aa

This text has a font color of #af33aa.

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

#af33aa background color

This paragraph has a background color of #af33aa.

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

#af33aa border color

This element has a border color of #af33aa.

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

CSS codes

.text {color:#af33aa;}

.background {background-color:#af33aa;}

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

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

#080208
```
#080208 rgb(8,2,8)
```
#170716
```
#170716 rgb(23,7,22)
```
#260b25
```
#260b25 rgb(38,11,37)
```
#351034
```
#351034 rgb(53,16,52)
```
#451443
```
#451443 rgb(69,20,67)
```
#541851
```
#541851 rgb(84,24,81)
```
#631d60
```
#631d60 rgb(99,29,96)
```
#72216f
```
#72216f rgb(114,33,111)
```
#81267e
```
#81267e rgb(129,38,126)
```
#912a8c
```
#912a8c rgb(145,42,140)
```
#a02f9b
```
#a02f9b rgb(160,47,155)
```
#af33aa
```
#af33aa rgb(175,51,170)
```
#be37b9
```
#be37b9 rgb(190,55,185)
```

Shade Color Variation

#c841c2
```
#c841c2 rgb(200,65,194)
```
#cc51c7
```
#cc51c7 rgb(204,81,199)
```
#d160cc
```
#d160cc rgb(209,96,204)
```
#d56fd1
```
#d56fd1 rgb(213,111,209)
```
#d97ed6
```
#d97ed6 rgb(217,126,214)
```
#de8ddb
```
#de8ddb rgb(222,141,219)
```
#e29de0
```
#e29de0 rgb(226,157,224)
```
#e7ace4
```
#e7ace4 rgb(231,172,228)
```
#ebbbe9
```
#ebbbe9 rgb(235,187,233)
```
#f0caee
```
#f0caee rgb(240,202,238)
```
#f4d9f3
```
#f4d9f3 rgb(244,217,243)
```
#f8e9f8
```
#f8e9f8 rgb(248,233,248)
```
#fdf8fd
```
#fdf8fd rgb(253,248,253)
```

Tint Color Variation

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

#727072
```
#727072 rgb(114,112,114)
```
#7b677a
```
#7b677a rgb(123,103,122)
```
#845e82
```
#845e82 rgb(132,94,130)
```
#8c568a
```
#8c568a rgb(140,86,138)
```
#954d92
```
#954d92 rgb(149,77,146)
```
#9e449a
```
#9e449a rgb(158,68,154)
```
#a63ca2
```
#a63ca2 rgb(166,60,162)
```
#af33aa
```
#af33aa rgb(175,51,170)
```
#b82ab2
```
#b82ab2 rgb(184,42,178)
```
#c022ba
```
#c022ba rgb(192,34,186)
```
#c919c2
```
#c919c2 rgb(201,25,194)
```
#d210ca
```
#d210ca rgb(210,16,202)
```
#da08d2
```
#da08d2 rgb(218,8,210)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#755c74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#256ed3 Protanopia 1% of men
#5b71a1 Deuteranopia 1% of men
#a9595e Tritanopia 0.001% of the population

Trichromacy

#5758c4 Protanomaly 1% of men, 0.01% of women
#7a5aa4 Deuteranomaly 6% of men, 0.4% of women
#ab4b7a Tritanomaly 0.01% of the population

#af33aa hex color

#af33aa Color Information

#af33aa Color Conversion

Color Schemes with #af33aa

Alternatives to #af33aa

#af33aa Preview

Shades and Tints of #af33aa

Tones of #af33aa

Color Blindness Simulator