colorhexa.com

#af3284 hex color

In a RGB color space, hex #af3284 is composed of 68.6% red, 19.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 24.6% yellow and 31.4% black. It has a hue angle of 320.6 degrees, a saturation of 55.6% and a lightness of 44.1%. #af3284 color hex could be obtained by blending #ff64ff with #5f0009. Closest websafe color is: #993399.

- R 69
- G 20
- B 52
RGB color chart
- C 0
- M 71
- Y 25
- K 31
CMYK color chart

● #af3284 color description : Dark pink.

The hexadecimal color #af3284 has RGB values of R:175, G:50, B:132 and CMYK values of C:0, M:0.71, Y:0.25, K:0.31. Its decimal value is 11481732.

Hex triplet	af3284	`#af3284`
RGB Decimal	175, 50, 132	`rgb(175,50,132)`
RGB Percent	68.6, 19.6, 51.8	`rgb(68.6%,19.6%,51.8%)`
CMYK	0, 71, 25, 31
HSL	320.6°, 55.6, 44.1	`hsl(320.6,55.6%,44.1%)`
HSV (or HSB)	320.6°, 71.4, 68.6
Web Safe	993399	`#993399`

CIE-LAB	42.858, 57.81, -17.872
XYZ	22.985, 13.063, 23.139
xyY	0.388, 0.221, 13.063
CIE-LCH	42.858, 60.51, 342.821
CIE-LUV	42.858, 67.42, -33.769
Hunter-Lab	36.143, 50.266, -12.659
Binary	10101111, 00110010, 10000100

#af3284
```
#af3284 rgb(175,50,132)
```
#32af5d
```
#32af5d rgb(50,175,93)
```

Complementary Color

#9c32af
```
#9c32af rgb(156,50,175)
```
#af3284
```
#af3284 rgb(175,50,132)
```
#af3246
```
#af3246 rgb(175,50,70)
```

Analogous Color

#32af9c
```
#32af9c rgb(50,175,156)
```
#af3284
```
#af3284 rgb(175,50,132)
```
#45af32
```
#45af32 rgb(69,175,50)
```

Split Complementary Color

#3284af
```
#3284af rgb(50,132,175)
```
#af3284
```
#af3284 rgb(175,50,132)
```
#84af32
```
#84af32 rgb(132,175,50)
```

Triadic Color

#5d32af
```
#5d32af rgb(93,50,175)
```
#af3284
```
#af3284 rgb(175,50,132)
```
#84af32
```
#84af32 rgb(132,175,50)
```
#32af5d
```
#32af5d rgb(50,175,93)
```

Tetradic Color

#742157
```
#742157 rgb(116,33,87)
```
#872766
```
#872766 rgb(135,39,102)
```
#9b2c75
```
#9b2c75 rgb(155,44,117)
```
#af3284
```
#af3284 rgb(175,50,132)
```
#c33893
```
#c33893 rgb(195,56,147)
```
#cb499e
```
#cb499e rgb(203,73,158)
```
#d15da9
```
#d15da9 rgb(209,93,169)
```

Monochromatic Color

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

#af32a3
```
#af32a3 rgb(175,50,163)
```
#af3299
```
#af3299 rgb(175,50,153)
```
#af328e
```
#af328e rgb(175,50,142)
```
#af3284
```
#af3284 rgb(175,50,132)
```
#af327a
```
#af327a rgb(175,50,122)
```
#af326f
```
#af326f rgb(175,50,111)
```
#af3265
```
#af3265 rgb(175,50,101)
```

Similar Colors

Text with hexadecimal color #af3284

This text has a font color of #af3284.

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

#af3284 background color

This paragraph has a background color of #af3284.

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

#af3284 border color

This element has a border color of #af3284.

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

CSS codes

.text {color:#af3284;}

.background {background-color:#af3284;}

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

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

#070205
```
#070205 rgb(7,2,5)
```
#160611
```
#160611 rgb(22,6,17)
```
#260b1c
```
#260b1c rgb(38,11,28)
```
#350f28
```
#350f28 rgb(53,15,40)
```
#441333
```
#441333 rgb(68,19,51)
```
#53183f
```
#53183f rgb(83,24,63)
```
#631c4a
```
#631c4a rgb(99,28,74)
```
#722156
```
#722156 rgb(114,33,86)
```
#812561
```
#812561 rgb(129,37,97)
```
#90296d
```
#90296d rgb(144,41,109)
```
#a02e78
```
#a02e78 rgb(160,46,120)
```
#af3284
```
#af3284 rgb(175,50,132)
```
#be3690
```
#be3690 rgb(190,54,144)
```

Shade Color Variation

#c84099
```
#c84099 rgb(200,64,153)
```
#cd4fa2
```
#cd4fa2 rgb(205,79,162)
```
#d15eaa
```
#d15eaa rgb(209,94,170)
```
#d56eb2
```
#d56eb2 rgb(213,110,178)
```
#da7dba
```
#da7dba rgb(218,125,186)
```
#de8cc2
```
#de8cc2 rgb(222,140,194)
```
#e39bca
```
#e39bca rgb(227,155,202)
```
#e7abd2
```
#e7abd2 rgb(231,171,210)
```
#ebbada
```
#ebbada rgb(235,186,218)
```
#f0c9e2
```
#f0c9e2 rgb(240,201,226)
```
#f4d8ea
```
#f4d8ea rgb(244,216,234)
```
#f8e8f3
```
#f8e8f3 rgb(248,232,243)
```
#fdf7fb
```
#fdf7fb rgb(253,247,251)
```

Tint Color Variation

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

#726f71
```
#726f71 rgb(114,111,113)
```
#7b6674
```
#7b6674 rgb(123,102,116)
```
#845d77
```
#845d77 rgb(132,93,119)
```
#8c5579
```
#8c5579 rgb(140,85,121)
```
#954c7c
```
#954c7c rgb(149,76,124)
```
#9e437f
```
#9e437f rgb(158,67,127)
```
#a63b81
```
#a63b81 rgb(166,59,129)
```
#af3284
```
#af3284 rgb(175,50,132)
```
#b82987
```
#b82987 rgb(184,41,135)
```
#c02189
```
#c02189 rgb(192,33,137)
```
#c9188c
```
#c9188c rgb(201,24,140)
```
#d20f8f
```
#d20f8f rgb(210,15,143)
```
#da0792
```
#da0792 rgb(218,7,146)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#715868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#536ba8 Protanopia 1% of men
#6d6a7f Deuteranopia 1% of men
#ae4d51 Tritanopia 0.001% of the population

Trichromacy

#74569b Protanomaly 1% of men, 0.01% of women
#855681 Deuteranomaly 6% of men, 0.4% of women
#ae4364 Tritanomaly 0.01% of the population