#f501f0 hex color

In a RGB color space, hex #f501f0 is composed of 96.1% red, 0.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 2% yellow and 3.9% black. It has a hue angle of 301.2 degrees, a saturation of 99.2% and a lightness of 48.2%. #f501f0 color hex could be obtained by blending #ff02ff with #eb00e1. Closest websafe color is: #ff00ff.

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

● #f501f0 color description : Vivid magenta.

The hexadecimal color #f501f0 has RGB values of R:245, G:1, B:240 and CMYK values of C:0, M:1, Y:0.02, K:0.04. Its decimal value is 16056816.

Hex triplet	f501f0	`#f501f0`
RGB Decimal	245, 1, 240	`rgb(245,1,240)`
RGB Percent	96.1, 0.4, 94.1	`rgb(96.1%,0.4%,94.1%)`
CMYK	0, 100, 2, 4
HSL	301.2°, 99.2, 48.2	`hsl(301.2,99.2%,48.2%)`
HSV (or HSB)	301.2°, 99.6, 96.1
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.779, 94.548, -56.651
XYZ	53.394, 25.729, 84.587
xyY	0.326, 0.157, 25.729
CIE-LCH	57.779, 110.221, 329.071
CIE-LUV	57.779, 82.857, -100.828
Hunter-Lab	50.724, 99.129, -63.365
Binary	11110101, 00000001, 11110000

#f501f0
```
#f501f0 rgb(245,1,240)
```
#01f506
```
#01f506 rgb(1,245,6)
```

Complementary Color

#8001f5
```
#8001f5 rgb(128,1,245)
```
#f501f0
```
#f501f0 rgb(245,1,240)
```
#f50176
```
#f50176 rgb(245,1,118)
```

Analogous Color

#01f580
```
#01f580 rgb(1,245,128)
```
#f501f0
```
#f501f0 rgb(245,1,240)
```
#76f501
```
#76f501 rgb(118,245,1)
```

Split Complementary Color

#01f0f5
```
#01f0f5 rgb(1,240,245)
```
#f501f0
```
#f501f0 rgb(245,1,240)
```
#f0f501
```
#f0f501 rgb(240,245,1)
```

Triadic Color

#0601f5
```
#0601f5 rgb(6,1,245)
```
#f501f0
```
#f501f0 rgb(245,1,240)
```
#f0f501
```
#f0f501 rgb(240,245,1)
```
#01f506
```
#01f506 rgb(1,245,6)
```

Tetradic Color

#a901a5
```
#a901a5 rgb(169,1,165)
```
#c201be
```
#c201be rgb(194,1,190)
```
#dc01d7
```
#dc01d7 rgb(220,1,215)
```
#f501f0
```
#f501f0 rgb(245,1,240)
```
#fe11f9
```
#fe11f9 rgb(254,17,249)
```
#fe2bfa
```
#fe2bfa rgb(254,43,250)
```
#fe44fa
```
#fe44fa rgb(254,68,250)
```

Monochromatic Color

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

#bd01f5
```
#bd01f5 rgb(189,1,245)
```
#d101f5
```
#d101f5 rgb(209,1,245)
```
#e601f5
```
#e601f5 rgb(230,1,245)
```
#f501f0
```
#f501f0 rgb(245,1,240)
```
#f501dc
```
#f501dc rgb(245,1,220)
```
#f501c7
```
#f501c7 rgb(245,1,199)
```
#f501b3
```
#f501b3 rgb(245,1,179)
```

Similar Colors

Text with hexadecimal color #f501f0

This text has a font color of #f501f0.

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

#f501f0 background color

This paragraph has a background color of #f501f0.

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

#f501f0 border color

This element has a border color of #f501f0.

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

CSS codes

.text {color:#f501f0;}

.background {background-color:#f501f0;}

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

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, #0b000a is the darkest color, while #fff6ff is the lightest one.

#0b000a
```
#0b000a rgb(11,0,10)
```
#1e001d
```
#1e001d rgb(30,0,29)
```
#320031
```
#320031 rgb(50,0,49)
```
#450044
```
#450044 rgb(69,0,68)
```
#590057
```
#590057 rgb(89,0,87)
```
#6c006a
```
#6c006a rgb(108,0,106)
```
#80017d
```
#80017d rgb(128,1,125)
```
#930190
```
#930190 rgb(147,1,144)
```
#a701a3
```
#a701a3 rgb(167,1,163)
```
#ba01b7
```
#ba01b7 rgb(186,1,183)
```
#ce01ca
```
#ce01ca rgb(206,1,202)
```
#e101dd
```
#e101dd rgb(225,1,221)
```
#f501f0
```
#f501f0 rgb(245,1,240)
```

Shade Color Variation

#fe0cf9
```
#fe0cf9 rgb(254,12,249)
```
#fe1ffa
```
#fe1ffa rgb(254,31,250)
```
#fe33fa
```
#fe33fa rgb(254,51,250)
```
#fe46fa
```
#fe46fa rgb(254,70,250)
```
#fe5afb
```
#fe5afb rgb(254,90,251)
```
#fe6dfb
```
#fe6dfb rgb(254,109,251)
```
#fe81fc
```
#fe81fc rgb(254,129,252)
```
#ff94fc
```
#ff94fc rgb(255,148,252)
```
#ffa8fd
```
#ffa8fd rgb(255,168,253)
```
#ffbbfd
```
#ffbbfd rgb(255,187,253)
```
#ffcffe
```
#ffcffe rgb(255,207,254)
```
#ffe3fe
```
#ffe3fe rgb(255,227,254)
```
#fff6ff
```
#fff6ff rgb(255,246,255)
```

Tint Color Variation

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

#837383
```
#837383 rgb(131,115,131)
```
#8d698c
```
#8d698c rgb(141,105,140)
```
#966095
```
#966095 rgb(150,96,149)
```
#a0569e
```
#a0569e rgb(160,86,158)
```
#a94da7
```
#a94da7 rgb(169,77,167)
```
#b343b0
```
#b343b0 rgb(179,67,176)
```
#bc3aba
```
#bc3aba rgb(188,58,186)
```
#c630c3
```
#c630c3 rgb(198,48,195)
```
#cf27cc
```
#cf27cc rgb(207,39,204)
```
#d91dd5
```
#d91dd5 rgb(217,29,213)
```
#e214de
```
#e214de rgb(226,20,222)
```
#ec0ae7
```
#ec0ae7 rgb(236,10,231)
```
#f501f0
```
#f501f0 rgb(245,1,240)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#825181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8dff Protanopia 1% of men
#6590d9 Deuteranopia 1% of men
#e6676d Tritanopia 0.001% of the population

Trichromacy

#885af9 Protanomaly 1% of men, 0.01% of women
#995ce1 Deuteranomaly 6% of men, 0.4% of women
#eb419c Tritanomaly 0.01% of the population

#f501f0 hex color

#f501f0 Color Information

#f501f0 Color Conversion

Color Schemes with #f501f0

Alternatives to #f501f0

#f501f0 Preview

Shades and Tints of #f501f0

Tones of #f501f0

Color Blindness Simulator