#f40fd5 hex color

In a RGB color space, hex #f40fd5 is composed of 95.7% red, 5.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.9% magenta, 12.7% yellow and 4.3% black. It has a hue angle of 308.1 degrees, a saturation of 91.2% and a lightness of 50.8%. #f40fd5 color hex could be obtained by blending #ff1eff with #e900ab. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 96
- G 6
- B 84
RGB color chart
- C 0
- M 94
- Y 13
- K 4
CMYK color chart

● #f40fd5 color description : Vivid magenta.

The hexadecimal color #f40fd5 has RGB values of R:244, G:15, B:213 and CMYK values of C:0, M:0.94, Y:0.13, K:0.04. Its decimal value is 15994837.

Hex triplet	f40fd5	`#f40fd5`
RGB Decimal	244, 15, 213	`rgb(244,15,213)`
RGB Percent	95.7, 5.9, 83.5	`rgb(95.7%,5.9%,83.5%)`
CMYK	0, 94, 13, 4
HSL	308.1°, 91.2, 50.8	`hsl(308.1,91.2%,50.8%)`
HSV (or HSB)	308.1°, 93.9, 95.7
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.469, 89.881, -43.496
XYZ	49.489, 24.383, 65.047
xyY	0.356, 0.176, 24.383
CIE-LCH	56.469, 99.852, 334.176
CIE-LUV	56.469, 92.848, -79.877
Hunter-Lab	49.379, 92.484, -43.538
Binary	11110100, 00001111, 11010101

#f40fd5
```
#f40fd5 rgb(244,15,213)
```
#0ff42e
```
#0ff42e rgb(15,244,46)
```

Complementary Color

#a10ff4
```
#a10ff4 rgb(161,15,244)
```
#f40fd5
```
#f40fd5 rgb(244,15,213)
```
#f40f63
```
#f40f63 rgb(244,15,99)
```

Analogous Color

#0ff4a1
```
#0ff4a1 rgb(15,244,161)
```
#f40fd5
```
#f40fd5 rgb(244,15,213)
```
#63f40f
```
#63f40f rgb(99,244,15)
```

Split Complementary Color

#0fd5f4
```
#0fd5f4 rgb(15,213,244)
```
#f40fd5
```
#f40fd5 rgb(244,15,213)
```
#d5f40f
```
#d5f40f rgb(213,244,15)
```

Triadic Color

#2e0ff4
```
#2e0ff4 rgb(46,15,244)
```
#f40fd5
```
#f40fd5 rgb(244,15,213)
```
#d5f40f
```
#d5f40f rgb(213,244,15)
```
#0ff42e
```
#0ff42e rgb(15,244,46)
```

Tetradic Color

#af0898
```
#af0898 rgb(175,8,152)
```
#c709ad
```
#c709ad rgb(199,9,173)
```
#df0ac2
```
#df0ac2 rgb(223,10,194)
```
#f40fd5
```
#f40fd5 rgb(244,15,213)
```
#f527d9
```
#f527d9 rgb(245,39,217)
```
#f640de
```
#f640de rgb(246,64,222)
```
#f758e2
```
#f758e2 rgb(247,88,226)
```

Monochromatic Color

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

#da0ff4
```
#da0ff4 rgb(218,15,244)
```
#ed0ff4
```
#ed0ff4 rgb(237,15,244)
```
#f40fe8
```
#f40fe8 rgb(244,15,232)
```
#f40fd5
```
#f40fd5 rgb(244,15,213)
```
#f40fc2
```
#f40fc2 rgb(244,15,194)
```
#f40faf
```
#f40faf rgb(244,15,175)
```
#f40f9c
```
#f40f9c rgb(244,15,156)
```

Similar Colors

Text with hexadecimal color #f40fd5

This text has a font color of #f40fd5.

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

#f40fd5 background color

This paragraph has a background color of #f40fd5.

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

#f40fd5 border color

This element has a border color of #f40fd5.

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

CSS codes

.text {color:#f40fd5;}

.background {background-color:#f40fd5;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#170114
```
#170114 rgb(23,1,20)
```
#290224
```
#290224 rgb(41,2,36)
```
#3c0334
```
#3c0334 rgb(60,3,52)
```
#4f0445
```
#4f0445 rgb(79,4,69)
```
#620455
```
#620455 rgb(98,4,85)
```
#740565
```
#740565 rgb(116,5,101)
```
#870676
```
#870676 rgb(135,6,118)
```
#9a0786
```
#9a0786 rgb(154,7,134)
```
#ad0896
```
#ad0896 rgb(173,8,150)
```
#bf09a7
```
#bf09a7 rgb(191,9,167)
```
#d20ab7
```
#d20ab7 rgb(210,10,183)
```
#e50ac7
```
#e50ac7 rgb(229,10,199)
```

Shade Color Variation

#f40fd5
```
#f40fd5 rgb(244,15,213)
```
#f522d8
```
#f522d8 rgb(245,34,216)
```
#f635dc
```
#f635dc rgb(246,53,220)
```
#f747df
```
#f747df rgb(247,71,223)
```
#f75ae2
```
#f75ae2 rgb(247,90,226)
```
#f86de5
```
#f86de5 rgb(248,109,229)
```
#f980e9
```
#f980e9 rgb(249,128,233)
```
#fa92ec
```
#fa92ec rgb(250,146,236)
```
#fba5ef
```
#fba5ef rgb(251,165,239)
```
#fcb8f3
```
#fcb8f3 rgb(252,184,243)
```
#fdcbf6
```
#fdcbf6 rgb(253,203,246)
```
#fdddf9
```
#fdddf9 rgb(253,221,249)
```
#fef0fc
```
#fef0fc rgb(254,240,252)
```

Tint Color Variation

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

#8a7988
```
#8a7988 rgb(138,121,136)
```
#93708f
```
#93708f rgb(147,112,143)
```
#9d6696
```
#9d6696 rgb(157,102,150)
```
#a75c9d
```
#a75c9d rgb(167,92,157)
```
#b053a4
```
#b053a4 rgb(176,83,164)
```
#ba49ab
```
#ba49ab rgb(186,73,171)
```
#c43fb2
```
#c43fb2 rgb(196,63,178)
```
#cd36b9
```
#cd36b9 rgb(205,54,185)
```
#d72cc0
```
#d72cc0 rgb(215,44,192)
```
#e122c7
```
#e122c7 rgb(225,34,199)
```
#ea19ce
```
#ea19ce rgb(234,25,206)
```
#f40fd5
```
#f40fd5 rgb(244,15,213)
```
#fe05dc
```
#fe05dc rgb(254,5,220)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#86587f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4089ff Protanopia 1% of men
#788cc3 Deuteranopia 1% of men
#e95d63 Tritanopia 0.001% of the population

Trichromacy

#825def Protanomaly 1% of men, 0.01% of women
#a55ec9 Deuteranomaly 6% of men, 0.4% of women
#ed418c Tritanomaly 0.01% of the population

#f40fd5 hex color

#f40fd5 Color Information

#f40fd5 Color Conversion

Color Schemes with #f40fd5

Alternatives to #f40fd5

#f40fd5 Preview

Shades and Tints of #f40fd5

Tones of #f40fd5

Color Blindness Simulator