#af48ba hex color

In a RGB color space, hex #af48ba is composed of 68.6% red, 28.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 61.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 294.2 degrees, a saturation of 45.2% and a lightness of 50.6%. #af48ba color hex could be obtained by blending #ff90ff with #5f0075. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 28
- B 73
RGB color chart
- C 6
- M 61
- Y 0
- K 27
CMYK color chart

● #af48ba color description : Moderate magenta.

The hexadecimal color #af48ba has RGB values of R:175, G:72, B:186 and CMYK values of C:0.06, M:0.61, Y:0, K:0.27. Its decimal value is 11487418.

Hex triplet	af48ba	`#af48ba`
RGB Decimal	175, 72, 186	`rgb(175,72,186)`
RGB Percent	68.6, 28.2, 72.9	`rgb(68.6%,28.2%,72.9%)`
CMYK	6, 61, 0, 27
HSL	294.2°, 45.2, 50.6	`hsl(294.2,45.2%,50.6%)`
HSV (or HSB)	294.2°, 61.3, 72.9
Web Safe	9933cc	`#9933cc`

CIE-LAB	48.63, 57.482, -41.069
XYZ	28.859, 17.295, 48.27
xyY	0.306, 0.183, 17.295
CIE-LCH	48.63, 70.646, 324.455
CIE-LUV	48.63, 43.427, -68.865
Hunter-Lab	41.588, 51.087, -39.705
Binary	10101111, 01001000, 10111010

#af48ba
```
#af48ba rgb(175,72,186)
```
#53ba48
```
#53ba48 rgb(83,186,72)
```

Complementary Color

#7648ba
```
#7648ba rgb(118,72,186)
```
#af48ba
```
#af48ba rgb(175,72,186)
```
#ba488c
```
#ba488c rgb(186,72,140)
```

Analogous Color

#48ba76
```
#48ba76 rgb(72,186,118)
```
#af48ba
```
#af48ba rgb(175,72,186)
```
#8cba48
```
#8cba48 rgb(140,186,72)
```

Split Complementary Color

#48baaf
```
#48baaf rgb(72,186,175)
```
#af48ba
```
#af48ba rgb(175,72,186)
```
#baaf48
```
#baaf48 rgb(186,175,72)
```

Triadic Color

#4853ba
```
#4853ba rgb(72,83,186)
```
#af48ba
```
#af48ba rgb(175,72,186)
```
#baaf48
```
#baaf48 rgb(186,175,72)
```
#53ba48
```
#53ba48 rgb(83,186,72)
```

Tetradic Color

#7c3284
```
#7c3284 rgb(124,50,132)
```
#8d3996
```
#8d3996 rgb(141,57,150)
```
#9f40a9
```
#9f40a9 rgb(159,64,169)
```
#af48ba
```
#af48ba rgb(175,72,186)
```
#b75bc1
```
#b75bc1 rgb(183,91,193)
```
#bf6dc8
```
#bf6dc8 rgb(191,109,200)
```
#c780cf
```
#c780cf rgb(199,128,207)
```

Monochromatic Color

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

#9348ba
```
#9348ba rgb(147,72,186)
```
#9c48ba
```
#9c48ba rgb(156,72,186)
```
#a648ba
```
#a648ba rgb(166,72,186)
```
#af48ba
```
#af48ba rgb(175,72,186)
```
#b948ba
```
#b948ba rgb(185,72,186)
```
#ba48b2
```
#ba48b2 rgb(186,72,178)
```
#ba48a9
```
#ba48a9 rgb(186,72,169)
```

Similar Colors

Text with hexadecimal color #af48ba

This text has a font color of #af48ba.

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

#af48ba background color

This paragraph has a background color of #af48ba.

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

#af48ba border color

This element has a border color of #af48ba.

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

CSS codes

.text {color:#af48ba;}

.background {background-color:#af48ba;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0f0610
```
#0f0610 rgb(15,6,16)
```
#1d0c1f
```
#1d0c1f rgb(29,12,31)
```
#2a112d
```
#2a112d rgb(42,17,45)
```
#38163b
```
#38163b rgb(56,22,59)
```
#451c49
```
#451c49 rgb(69,28,73)
```
#522158
```
#522158 rgb(82,33,88)
```
#602666
```
#602666 rgb(96,38,102)
```
#6d2c74
```
#6d2c74 rgb(109,44,116)
```
#7b3182
```
#7b3182 rgb(123,49,130)
```
#883791
```
#883791 rgb(136,55,145)
```
#953c9f
```
#953c9f rgb(149,60,159)
```
#a341ad
```
#a341ad rgb(163,65,173)
```

Shade Color Variation

#af48ba
```
#af48ba rgb(175,72,186)
```
#b556bf
```
#b556bf rgb(181,86,191)
```
#bb64c5
```
#bb64c5 rgb(187,100,197)
```
#c273ca
```
#c273ca rgb(194,115,202)
```
#c881cf
```
#c881cf rgb(200,129,207)
```
#ce8fd5
```
#ce8fd5 rgb(206,143,213)
```
#d49dda
```
#d49dda rgb(212,157,218)
```
#dbace0
```
#dbace0 rgb(219,172,224)
```
#e1bae5
```
#e1bae5 rgb(225,186,229)
```
#e7c8ea
```
#e7c8ea rgb(231,200,234)
```
#edd6f0
```
#edd6f0 rgb(237,214,240)
```
#f3e5f5
```
#f3e5f5 rgb(243,229,245)
```
#faf3fa
```
#faf3fa rgb(250,243,250)
```

Tint Color Variation

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

#88788a
```
#88788a rgb(136,120,138)
```
#906f93
```
#906f93 rgb(144,111,147)
```
#98659d
```
#98659d rgb(152,101,157)
```
#9f5ba7
```
#9f5ba7 rgb(159,91,167)
```
#a752b0
```
#a752b0 rgb(167,82,176)
```
#af48ba
```
#af48ba rgb(175,72,186)
```
#b73ec4
```
#b73ec4 rgb(183,62,196)
```
#bf35cd
```
#bf35cd rgb(191,53,205)
```
#c62bd7
```
#c62bd7 rgb(198,43,215)
```
#ce21e1
```
#ce21e1 rgb(206,33,225)
```
#d618ea
```
#d618ea rgb(214,24,234)
```
#de0ef4
```
#de0ef4 rgb(222,14,244)
```
#e604fe
```
#e604fe rgb(230,4,254)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#806b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c77db Protanopia 1% of men
#5f7ab1 Deuteranopia 1% of men
#a76870 Tritanopia 0.001% of the population

Trichromacy

#6666cf Protanomaly 1% of men, 0.01% of women
#7c68b4 Deuteranomaly 6% of men, 0.4% of women
#aa5c8a Tritanomaly 0.01% of the population

#af48ba hex color

#af48ba Color Information

#af48ba Color Conversion

Color Schemes with #af48ba

Alternatives to #af48ba

#af48ba Preview

Shades and Tints of #af48ba

Tones of #af48ba

Color Blindness Simulator