#af48c4 hex color

In a RGB color space, hex #af48c4 is composed of 68.6% red, 28.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 63.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 289.8 degrees, a saturation of 51.2% and a lightness of 52.5%. #af48c4 color hex could be obtained by blending #ff90ff with #5f0089. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 28
- B 77
RGB color chart
- C 11
- M 63
- Y 0
- K 23
CMYK color chart

● #af48c4 color description : Moderate magenta.

The hexadecimal color #af48c4 has RGB values of R:175, G:72, B:196 and CMYK values of C:0.11, M:0.63, Y:0, K:0.23. Its decimal value is 11487428.

Hex triplet	af48c4	`#af48c4`
RGB Decimal	175, 72, 196	`rgb(175,72,196)`
RGB Percent	68.6, 28.2, 76.9	`rgb(68.6%,28.2%,76.9%)`
CMYK	11, 63, 0, 23
HSL	289.8°, 51.2, 52.5	`hsl(289.8,51.2%,52.5%)`
HSV (or HSB)	289.8°, 63.3, 76.9
Web Safe	9933cc	`#9933cc`

CIE-LAB	49.174, 59.357, -46.006
XYZ	29.959, 17.736, 54.067
xyY	0.294, 0.174, 17.736
CIE-LCH	49.174, 75.099, 322.221
CIE-LUV	49.174, 40.723, -76.691
Hunter-Lab	42.114, 53.285, -46.639
Binary	10101111, 01001000, 11000100

#af48c4
```
#af48c4 rgb(175,72,196)
```
#5dc448
```
#5dc448 rgb(93,196,72)
```

Complementary Color

#7148c4
```
#7148c4 rgb(113,72,196)
```
#af48c4
```
#af48c4 rgb(175,72,196)
```
#c4489b
```
#c4489b rgb(196,72,155)
```

Analogous Color

#48c471
```
#48c471 rgb(72,196,113)
```
#af48c4
```
#af48c4 rgb(175,72,196)
```
#9bc448
```
#9bc448 rgb(155,196,72)
```

Split Complementary Color

#48c4af
```
#48c4af rgb(72,196,175)
```
#af48c4
```
#af48c4 rgb(175,72,196)
```
#c4af48
```
#c4af48 rgb(196,175,72)
```

Triadic Color

#485dc4
```
#485dc4 rgb(72,93,196)
```
#af48c4
```
#af48c4 rgb(175,72,196)
```
#c4af48
```
#c4af48 rgb(196,175,72)
```
#5dc448
```
#5dc448 rgb(93,196,72)
```

Tetradic Color

#802f91
```
#802f91 rgb(128,47,145)
```
#9135a4
```
#9135a4 rgb(145,53,164)
```
#a23bb7
```
#a23bb7 rgb(162,59,183)
```
#af48c4
```
#af48c4 rgb(175,72,196)
```
#b75bca
```
#b75bca rgb(183,91,202)
```
#c06fd0
```
#c06fd0 rgb(192,111,208)
```
#c882d7
```
#c882d7 rgb(200,130,215)
```

Monochromatic Color

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

#9048c4
```
#9048c4 rgb(144,72,196)
```
#9a48c4
```
#9a48c4 rgb(154,72,196)
```
#a548c4
```
#a548c4 rgb(165,72,196)
```
#af48c4
```
#af48c4 rgb(175,72,196)
```
#b948c4
```
#b948c4 rgb(185,72,196)
```
#c448c4
```
#c448c4 rgb(196,72,196)
```
#c448ba
```
#c448ba rgb(196,72,186)
```

Similar Colors

Text with hexadecimal color #af48c4

This text has a font color of #af48c4.

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

#af48c4 background color

This paragraph has a background color of #af48c4.

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

#af48c4 border color

This element has a border color of #af48c4.

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

CSS codes

.text {color:#af48c4;}

.background {background-color:#af48c4;}

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

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, #09030a is the darkest color, while #fdfafd is the lightest one.

#09030a
```
#09030a rgb(9,3,10)
```
#160819
```
#160819 rgb(22,8,25)
```
#230d27
```
#230d27 rgb(35,13,39)
```
#301236
```
#301236 rgb(48,18,54)
```
#3d1645
```
#3d1645 rgb(61,22,69)
```
#4a1b54
```
#4a1b54 rgb(74,27,84)
```
#572063
```
#572063 rgb(87,32,99)
```
#652572
```
#652572 rgb(101,37,114)
```
#722980
```
#722980 rgb(114,41,128)
```
#7f2e8f
```
#7f2e8f rgb(127,46,143)
```
#8c339e
```
#8c339e rgb(140,51,158)
```
#9938ad
```
#9938ad rgb(153,56,173)
```
#a63dbc
```
#a63dbc rgb(166,61,188)
```

Shade Color Variation

#af48c4
```
#af48c4 rgb(175,72,196)
```
#b557c9
```
#b557c9 rgb(181,87,201)
```
#bc66ce
```
#bc66ce rgb(188,102,206)
```
#c274d2
```
#c274d2 rgb(194,116,210)
```
#c983d7
```
#c983d7 rgb(201,131,215)
```
#cf92dc
```
#cf92dc rgb(207,146,220)
```
#d6a1e1
```
#d6a1e1 rgb(214,161,225)
```
#dcb0e5
```
#dcb0e5 rgb(220,176,229)
```
#e3bfea
```
#e3bfea rgb(227,191,234)
```
#e9cdef
```
#e9cdef rgb(233,205,239)
```
#f0dcf4
```
#f0dcf4 rgb(240,220,244)
```
#f6ebf9
```
#f6ebf9 rgb(246,235,249)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

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

#8a808c
```
#8a808c rgb(138,128,140)
```
#907795
```
#907795 rgb(144,119,149)
```
#966d9f
```
#966d9f rgb(150,109,159)
```
#9d64a8
```
#9d64a8 rgb(157,100,168)
```
#a35bb1
```
#a35bb1 rgb(163,91,177)
```
#a951bb
```
#a951bb rgb(169,81,187)
```
#af48c4
```
#af48c4 rgb(175,72,196)
```
#b53fcd
```
#b53fcd rgb(181,63,205)
```
#bb35d7
```
#bb35d7 rgb(187,53,215)
```
#c12ce0
```
#c12ce0 rgb(193,44,224)
```
#c823e9
```
#c823e9 rgb(200,35,233)
```
#ce19f3
```
#ce19f3 rgb(206,25,243)
```
#d410fc
```
#d410fc rgb(212,16,252)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#816c85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2878e6 Protanopia 1% of men
#577cba Deuteranopia 1% of men
#a66b73 Tritanopia 0.001% of the population

Trichromacy

#5966da Protanomaly 1% of men, 0.01% of women
#7769bd Deuteranomaly 6% of men, 0.4% of women
#a95e90 Tritanomaly 0.01% of the population

#af48c4 hex color

#af48c4 Color Information

#af48c4 Color Conversion

Color Schemes with #af48c4

Alternatives to #af48c4

#af48c4 Preview

Shades and Tints of #af48c4

Tones of #af48c4

Color Blindness Simulator