#f50ae4 hex color

In a RGB color space, hex #f50ae4 is composed of 96.1% red, 3.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.9% magenta, 6.9% yellow and 3.9% black. It has a hue angle of 304.3 degrees, a saturation of 92.2% and a lightness of 50%. #f50ae4 color hex could be obtained by blending #ff14ff with #eb00c9. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 96
- G 4
- B 89
RGB color chart
- C 0
- M 96
- Y 7
- K 4
CMYK color chart

● #f50ae4 color description : Vivid magenta.

The hexadecimal color #f50ae4 has RGB values of R:245, G:10, B:228 and CMYK values of C:0, M:0.96, Y:0.07, K:0.04. Its decimal value is 16059108.

Hex triplet	f50ae4	`#f50ae4`
RGB Decimal	245, 10, 228	`rgb(245,10,228)`
RGB Percent	96.1, 3.9, 89.4	`rgb(96.1%,3.9%,89.4%)`
CMYK	0, 96, 7, 4
HSL	304.3°, 92.2, 50	`hsl(304.3,92.2%,50%)`
HSV (or HSB)	304.3°, 95.9, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.304, 92.365, -50.666
XYZ	51.768, 25.235, 75.539
xyY	0.339, 0.165, 25.235
CIE-LCH	57.304, 105.349, 331.253
CIE-LUV	57.304, 87.442, -91.334
Hunter-Lab	50.234, 96.038, -53.992
Binary	11110101, 00001010, 11100100

#f50ae4
```
#f50ae4 rgb(245,10,228)
```
#0af51b
```
#0af51b rgb(10,245,27)
```

Complementary Color

#910af5
```
#910af5 rgb(145,10,245)
```
#f50ae4
```
#f50ae4 rgb(245,10,228)
```
#f50a6f
```
#f50a6f rgb(245,10,111)
```

Analogous Color

#0af591
```
#0af591 rgb(10,245,145)
```
#f50ae4
```
#f50ae4 rgb(245,10,228)
```
#6ff50a
```
#6ff50a rgb(111,245,10)
```

Split Complementary Color

#0ae4f5
```
#0ae4f5 rgb(10,228,245)
```
#f50ae4
```
#f50ae4 rgb(245,10,228)
```
#e4f50a
```
#e4f50a rgb(228,245,10)
```

Triadic Color

#1b0af5
```
#1b0af5 rgb(27,10,245)
```
#f50ae4
```
#f50ae4 rgb(245,10,228)
```
#e4f50a
```
#e4f50a rgb(228,245,10)
```
#0af51b
```
#0af51b rgb(10,245,27)
```

Tetradic Color

#ac07a0
```
#ac07a0 rgb(172,7,160)
```
#c408b6
```
#c408b6 rgb(196,8,182)
```
#dd09cd
```
#dd09cd rgb(221,9,205)
```
#f50ae4
```
#f50ae4 rgb(245,10,228)
```
#f623e7
```
#f623e7 rgb(246,35,231)
```
#f73be9
```
#f73be9 rgb(247,59,233)
```
#f854ec
```
#f854ec rgb(248,84,236)
```

Monochromatic Color

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

#cb0af5
```
#cb0af5 rgb(203,10,245)
```
#df0af5
```
#df0af5 rgb(223,10,245)
```
#f20af5
```
#f20af5 rgb(242,10,245)
```
#f50ae4
```
#f50ae4 rgb(245,10,228)
```
#f50ad0
```
#f50ad0 rgb(245,10,208)
```
#f50abd
```
#f50abd rgb(245,10,189)
```
#f50aa9
```
#f50aa9 rgb(245,10,169)
```

Similar Colors

Text with hexadecimal color #f50ae4

This text has a font color of #f50ae4.

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

#f50ae4 background color

This paragraph has a background color of #f50ae4.

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

#f50ae4 border color

This element has a border color of #f50ae4.

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

CSS codes

.text {color:#f50ae4;}

.background {background-color:#f50ae4;}

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

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

#130112
```
#130112 rgb(19,1,18)
```
#260223
```
#260223 rgb(38,2,35)
```
#390235
```
#390235 rgb(57,2,53)
```
#4b0346
```
#4b0346 rgb(75,3,70)
```
#5e0458
```
#5e0458 rgb(94,4,88)
```
#710569
```
#710569 rgb(113,5,105)
```
#84057b
```
#84057b rgb(132,5,123)
```
#97068c
```
#97068c rgb(151,6,140)
```
#aa079e
```
#aa079e rgb(170,7,158)
```
#bc08af
```
#bc08af rgb(188,8,175)
```
#cf08c1
```
#cf08c1 rgb(207,8,193)
```
#e209d2
```
#e209d2 rgb(226,9,210)
```
#f50ae4
```
#f50ae4 rgb(245,10,228)
```

Shade Color Variation

#f61de6
```
#f61de6 rgb(246,29,230)
```
#f730e8
```
#f730e8 rgb(247,48,232)
```
#f743ea
```
#f743ea rgb(247,67,234)
```
#f855ec
```
#f855ec rgb(248,85,236)
```
#f968ee
```
#f968ee rgb(249,104,238)
```
#fa7bf0
```
#fa7bf0 rgb(250,123,240)
```
#fa8ef3
```
#fa8ef3 rgb(250,142,243)
```
#fba1f5
```
#fba1f5 rgb(251,161,245)
```
#fcb4f7
```
#fcb4f7 rgb(252,180,247)
```
#fdc6f9
```
#fdc6f9 rgb(253,198,249)
```
#fdd9fb
```
#fdd9fb rgb(253,217,251)
```
#feecfd
```
#feecfd rgb(254,236,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897688
```
#897688 rgb(137,118,136)
```
#936c90
```
#936c90 rgb(147,108,144)
```
#9d6299
```
#9d6299 rgb(157,98,153)
```
#a758a1
```
#a758a1 rgb(167,88,161)
```
#b04fa9
```
#b04fa9 rgb(176,79,169)
```
#ba45b2
```
#ba45b2 rgb(186,69,178)
```
#c43bba
```
#c43bba rgb(196,59,186)
```
#ce31c2
```
#ce31c2 rgb(206,49,194)
```
#d827cb
```
#d827cb rgb(216,39,203)
```
#e11ed3
```
#e11ed3 rgb(225,30,211)
```
#eb14dc
```
#eb14dc rgb(235,20,220)
```
#f50ae4
```
#f50ae4 rgb(245,10,228)
```
#ff00ec
```
#ff00ec rgb(255,0,236)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#855682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#478cff Protanopia 1% of men
#6f8fcf Deuteranopia 1% of men
#e86368 Tritanopia 0.001% of the population

Trichromacy

#865cf5 Protanomaly 1% of men, 0.01% of women
#a05ed7 Deuteranomaly 6% of men, 0.4% of women
#ec4295 Tritanomaly 0.01% of the population

#f50ae4 hex color

#f50ae4 Color Information

#f50ae4 Color Conversion

Color Schemes with #f50ae4

Alternatives to #f50ae4

#f50ae4 Preview

Shades and Tints of #f50ae4

Tones of #f50ae4

Color Blindness Simulator