#af40b8 hex color

In a RGB color space, hex #af40b8 is composed of 68.6% red, 25.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 65.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 295.5 degrees, a saturation of 48.4% and a lightness of 48.6%. #af40b8 color hex could be obtained by blending #ff80ff with #5f0071. Closest websafe color is: #9933cc.

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

● #af40b8 color description : Moderate magenta.

The hexadecimal color #af40b8 has RGB values of R:175, G:64, B:184 and CMYK values of C:0.05, M:0.65, Y:0, K:0.28. Its decimal value is 11485368.

Hex triplet	af40b8	`#af40b8`
RGB Decimal	175, 64, 184	`rgb(175,64,184)`
RGB Percent	68.6, 25.1, 72.2	`rgb(68.6%,25.1%,72.2%)`
CMYK	5, 65, 0, 28
HSL	295.5°, 48.4, 48.6	`hsl(295.5,48.4%,48.6%)`
HSV (or HSB)	295.5°, 65.2, 72.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.292, 60.53, -42.023
XYZ	28.164, 16.243, 46.997
xyY	0.308, 0.178, 16.243
CIE-LCH	47.292, 73.688, 325.23
CIE-LUV	47.292, 46.149, -70.209
Hunter-Lab	40.303, 54.207, -40.926
Binary	10101111, 01000000, 10111000

#af40b8
```
#af40b8 rgb(175,64,184)
```
#49b840
```
#49b840 rgb(73,184,64)
```

Complementary Color

#7340b8
```
#7340b8 rgb(115,64,184)
```
#af40b8
```
#af40b8 rgb(175,64,184)
```
#b84085
```
#b84085 rgb(184,64,133)
```

Analogous Color

#40b873
```
#40b873 rgb(64,184,115)
```
#af40b8
```
#af40b8 rgb(175,64,184)
```
#85b840
```
#85b840 rgb(133,184,64)
```

Split Complementary Color

#40b8af
```
#40b8af rgb(64,184,175)
```
#af40b8
```
#af40b8 rgb(175,64,184)
```
#b8af40
```
#b8af40 rgb(184,175,64)
```

Triadic Color

#4049b8
```
#4049b8 rgb(64,73,184)
```
#af40b8
```
#af40b8 rgb(175,64,184)
```
#b8af40
```
#b8af40 rgb(184,175,64)
```
#49b840
```
#49b840 rgb(73,184,64)
```

Tetradic Color

#792c7f
```
#792c7f rgb(121,44,127)
```
#8b3392
```
#8b3392 rgb(139,51,146)
```
#9d39a5
```
#9d39a5 rgb(157,57,165)
```
#af40b8
```
#af40b8 rgb(175,64,184)
```
#b950c2
```
#b950c2 rgb(185,80,194)
```
#c162c9
```
#c162c9 rgb(193,98,201)
```
#c875cf
```
#c875cf rgb(200,117,207)
```

Monochromatic Color

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

#9140b8
```
#9140b8 rgb(145,64,184)
```
#9b40b8
```
#9b40b8 rgb(155,64,184)
```
#a540b8
```
#a540b8 rgb(165,64,184)
```
#af40b8
```
#af40b8 rgb(175,64,184)
```
#b840b7
```
#b840b7 rgb(184,64,183)
```
#b840ad
```
#b840ad rgb(184,64,173)
```
#b840a3
```
#b840a3 rgb(184,64,163)
```

Similar Colors

Text with hexadecimal color #af40b8

This text has a font color of #af40b8.

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

#af40b8 background color

This paragraph has a background color of #af40b8.

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

#af40b8 border color

This element has a border color of #af40b8.

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

CSS codes

.text {color:#af40b8;}

.background {background-color:#af40b8;}

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

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

#090309
```
#090309 rgb(9,3,9)
```
#170818
```
#170818 rgb(23,8,24)
```
#250d26
```
#250d26 rgb(37,13,38)
```
#321235
```
#321235 rgb(50,18,53)
```
#401844
```
#401844 rgb(64,24,68)
```
#4e1d52
```
#4e1d52 rgb(78,29,82)
```
#5c2261
```
#5c2261 rgb(92,34,97)
```
#6a276f
```
#6a276f rgb(106,39,111)
```
#782c7e
```
#782c7e rgb(120,44,126)
```
#85318c
```
#85318c rgb(133,49,140)
```
#93369b
```
#93369b rgb(147,54,155)
```
#a13ba9
```
#a13ba9 rgb(161,59,169)
```
#af40b8
```
#af40b8 rgb(175,64,184)
```

Shade Color Variation

#b84bc0
```
#b84bc0 rgb(184,75,192)
```
#bd5ac6
```
#bd5ac6 rgb(189,90,198)
```
#c368cb
```
#c368cb rgb(195,104,203)
```
#c977d0
```
#c977d0 rgb(201,119,208)
```
#cf85d5
```
#cf85d5 rgb(207,133,213)
```
#d594da
```
#d594da rgb(213,148,218)
```
#daa2df
```
#daa2df rgb(218,162,223)
```
#e0b1e4
```
#e0b1e4 rgb(224,177,228)
```
#e6c0e9
```
#e6c0e9 rgb(230,192,233)
```
#ecceee
```
#ecceee rgb(236,206,238)
```
#f1ddf3
```
#f1ddf3 rgb(241,221,243)
```
#f7ebf8
```
#f7ebf8 rgb(247,235,248)
```
#fdfafd
```
#fdfafd rgb(253,250,253)
```

Tint Color Variation

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

#7e797f
```
#7e797f rgb(126,121,127)
```
#867088
```
#867088 rgb(134,112,136)
```
#8f6692
```
#8f6692 rgb(143,102,146)
```
#975d9b
```
#975d9b rgb(151,93,155)
```
#9f53a5
```
#9f53a5 rgb(159,83,165)
```
#a74aae
```
#a74aae rgb(167,74,174)
```
#af40b8
```
#af40b8 rgb(175,64,184)
```
#b736c2
```
#b736c2 rgb(183,54,194)
```
#bf2dcb
```
#bf2dcb rgb(191,45,203)
```
#c723d5
```
#c723d5 rgb(199,35,213)
```
#cf1ade
```
#cf1ade rgb(207,26,222)
```
#d810e8
```
#d810e8 rgb(216,16,232)
```
#e007f1
```
#e007f1 rgb(224,7,241)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c667e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b74dd Protanopia 1% of men
#5a77ae Deuteranopia 1% of men
#a7646a Tritanopia 0.001% of the population

Trichromacy

#5b61cf Protanomaly 1% of men, 0.01% of women
#7963b2 Deuteranomaly 6% of men, 0.4% of women
#aa5686 Tritanomaly 0.01% of the population

#af40b8 hex color

#af40b8 Color Information

#af40b8 Color Conversion

Color Schemes with #af40b8

Alternatives to #af40b8

#af40b8 Preview

Shades and Tints of #af40b8

Tones of #af40b8

Color Blindness Simulator