#af48a7 hex color

In a RGB color space, hex #af48a7 is composed of 68.6% red, 28.2% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 4.6% yellow and 31.4% black. It has a hue angle of 304.7 degrees, a saturation of 41.7% and a lightness of 48.4%. #af48a7 color hex could be obtained by blending #ff90ff with #5f004f. Closest websafe color is: #993399.

♥
- f
- t
- g
- R 69
- G 28
- B 65
RGB color chart
- C 0
- M 59
- Y 5
- K 31
CMYK color chart

● #af48a7 color description : Dark moderate magenta.

The hexadecimal color #af48a7 has RGB values of R:175, G:72, B:167 and CMYK values of C:0, M:0.59, Y:0.05, K:0.31. Its decimal value is 11487399.

Hex triplet	af48a7	`#af48a7`
RGB Decimal	175, 72, 167	`rgb(175,72,167)`
RGB Percent	68.6, 28.2, 65.5	`rgb(68.6%,28.2%,65.5%)`
CMYK	0, 59, 5, 31
HSL	304.7°, 41.7, 48.4	`hsl(304.7,41.7%,48.4%)`
HSV (or HSB)	304.7°, 58.9, 68.6
Web Safe	993399	`#993399`

CIE-LAB	47.675, 54.103, -31.431
XYZ	26.971, 16.54, 38.329
xyY	0.33, 0.202, 16.54
CIE-LCH	47.675, 62.571, 329.845
CIE-LUV	47.675, 48.803, -53.734
Hunter-Lab	40.67, 47.204, -27.409
Binary	10101111, 01001000, 10100111

#af48a7
```
#af48a7 rgb(175,72,167)
```
#48af50
```
#48af50 rgb(72,175,80)
```

Complementary Color

#8448af
```
#8448af rgb(132,72,175)
```
#af48a7
```
#af48a7 rgb(175,72,167)
```
#af4874
```
#af4874 rgb(175,72,116)
```

Analogous Color

#48af84
```
#48af84 rgb(72,175,132)
```
#af48a7
```
#af48a7 rgb(175,72,167)
```
#74af48
```
#74af48 rgb(116,175,72)
```

Split Complementary Color

#48a7af
```
#48a7af rgb(72,167,175)
```
#af48a7
```
#af48a7 rgb(175,72,167)
```
#a7af48
```
#a7af48 rgb(167,175,72)
```

Triadic Color

#5048af
```
#5048af rgb(80,72,175)
```
#af48a7
```
#af48a7 rgb(175,72,167)
```
#a7af48
```
#a7af48 rgb(167,175,72)
```
#48af50
```
#48af50 rgb(72,175,80)
```

Tetradic Color

#793273
```
#793273 rgb(121,50,115)
```
#8b3985
```
#8b3985 rgb(139,57,133)
```
#9d4196
```
#9d4196 rgb(157,65,150)
```
#af48a7
```
#af48a7 rgb(175,72,167)
```
#ba57b2
```
#ba57b2 rgb(186,87,178)
```
#c169ba
```
#c169ba rgb(193,105,186)
```
#c97bc3
```
#c97bc3 rgb(201,123,195)
```

Monochromatic Color

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

#9d48af
```
#9d48af rgb(157,72,175)
```
#a648af
```
#a648af rgb(166,72,175)
```
#ae48af
```
#ae48af rgb(174,72,175)
```
#af48a7
```
#af48a7 rgb(175,72,167)
```
#af489e
```
#af489e rgb(175,72,158)
```
#af4896
```
#af4896 rgb(175,72,150)
```
#af488d
```
#af488d rgb(175,72,141)
```

Similar Colors

Text with hexadecimal color #af48a7

This text has a font color of #af48a7.

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

#af48a7 background color

This paragraph has a background color of #af48a7.

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

#af48a7 border color

This element has a border color of #af48a7.

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

CSS codes

.text {color:#af48a7;}

.background {background-color:#af48a7;}

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

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

#080308
```
#080308 rgb(8,3,8)
```
#160915
```
#160915 rgb(22,9,21)
```
#240f22
```
#240f22 rgb(36,15,34)
```
#321530
```
#321530 rgb(50,21,48)
```
#401a3d
```
#401a3d rgb(64,26,61)
```
#4e204a
```
#4e204a rgb(78,32,74)
```
#5c2657
```
#5c2657 rgb(92,38,87)
```
#6a2b65
```
#6a2b65 rgb(106,43,101)
```
#773172
```
#773172 rgb(119,49,114)
```
#85377f
```
#85377f rgb(133,55,127)
```
#933d8c
```
#933d8c rgb(147,61,140)
```
#a1429a
```
#a1429a rgb(161,66,154)
```
#af48a7
```
#af48a7 rgb(175,72,167)
```

Shade Color Variation

#b853b0
```
#b853b0 rgb(184,83,176)
```
#be60b7
```
#be60b7 rgb(190,96,183)
```
#c36ebd
```
#c36ebd rgb(195,110,189)
```
#c97cc3
```
#c97cc3 rgb(201,124,195)
```
#cf8aca
```
#cf8aca rgb(207,138,202)
```
#d598d0
```
#d598d0 rgb(213,152,208)
```
#daa6d6
```
#daa6d6 rgb(218,166,214)
```
#e0b4dd
```
#e0b4dd rgb(224,180,221)
```
#e6c2e3
```
#e6c2e3 rgb(230,194,227)
```
#ecd0e9
```
#ecd0e9 rgb(236,208,233)
```
#f1def0
```
#f1def0 rgb(241,222,240)
```
#f7ebf6
```
#f7ebf6 rgb(247,235,246)
```
#fdf9fc
```
#fdf9fc rgb(253,249,252)
```

Tint Color Variation

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

#80787f
```
#80787f rgb(128,120,127)
```
#896e87
```
#896e87 rgb(137,110,135)
```
#93658f
```
#93658f rgb(147,101,143)
```
#9c5b97
```
#9c5b97 rgb(156,91,151)
```
#a6529f
```
#a6529f rgb(166,82,159)
```
#af48a7
```
#af48a7 rgb(175,72,167)
```
#b93faf
```
#b93faf rgb(185,63,175)
```
#c235b7
```
#c235b7 rgb(194,53,183)
```
#cc2cbf
```
#cc2cbf rgb(204,44,191)
```
#d522c7
```
#d522c7 rgb(213,34,199)
```
#df19cf
```
#df19cf rgb(223,25,207)
```
#e80fd7
```
#e80fd7 rgb(232,15,215)
```
#f205df
```
#f205df rgb(242,5,223)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7e6a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5175c6 Protanopia 1% of men
#6a77a1 Deuteranopia 1% of men
#aa636a Tritanopia 0.001% of the population

Trichromacy

#7365ba Protanomaly 1% of men, 0.01% of women
#8366a3 Deuteranomaly 6% of men, 0.4% of women
#ac5980 Tritanomaly 0.01% of the population

#af48a7 hex color

#af48a7 Color Information

#af48a7 Color Conversion

Color Schemes with #af48a7

Alternatives to #af48a7

#af48a7 Preview

Shades and Tints of #af48a7

Tones of #af48a7

Color Blindness Simulator