#f501d5 hex color

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

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

● #f501d5 color description : Vivid magenta.

The hexadecimal color #f501d5 has RGB values of R:245, G:1, B:213 and CMYK values of C:0, M:1, Y:0.13, K:0.04. Its decimal value is 16056789.

Hex triplet	f501d5	`#f501d5`
RGB Decimal	245, 1, 213	`rgb(245,1,213)`
RGB Percent	96.1, 0.4, 83.5	`rgb(96.1%,0.4%,83.5%)`
CMYK	0, 100, 13, 4
HSL	307.9°, 99.2, 48.2	`hsl(307.9,99.2%,48.2%)`
HSV (or HSB)	307.9°, 99.6, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.33, 90.99, -43.705
XYZ	49.677, 24.242, 65.01
xyY	0.358, 0.174, 24.242
CIE-LCH	56.33, 100.942, 334.344
CIE-LUV	56.33, 94.317, -80.323
Hunter-Lab	49.237, 93.933, -43.819
Binary	11110101, 00000001, 11010101

#f501d5
```
#f501d5 rgb(245,1,213)
```
#01f521
```
#01f521 rgb(1,245,33)
```

Complementary Color

#9b01f5
```
#9b01f5 rgb(155,1,245)
```
#f501d5
```
#f501d5 rgb(245,1,213)
```
#f5015b
```
#f5015b rgb(245,1,91)
```

Analogous Color

#01f59b
```
#01f59b rgb(1,245,155)
```
#f501d5
```
#f501d5 rgb(245,1,213)
```
#5bf501
```
#5bf501 rgb(91,245,1)
```

Split Complementary Color

#01d5f5
```
#01d5f5 rgb(1,213,245)
```
#f501d5
```
#f501d5 rgb(245,1,213)
```
#d5f501
```
#d5f501 rgb(213,245,1)
```

Triadic Color

#2101f5
```
#2101f5 rgb(33,1,245)
```
#f501d5
```
#f501d5 rgb(245,1,213)
```
#d5f501
```
#d5f501 rgb(213,245,1)
```
#01f521
```
#01f521 rgb(1,245,33)
```

Tetradic Color

#a90193
```
#a90193 rgb(169,1,147)
```
#c201a9
```
#c201a9 rgb(194,1,169)
```
#dc01bf
```
#dc01bf rgb(220,1,191)
```
#f501d5
```
#f501d5 rgb(245,1,213)
```
#fe11df
```
#fe11df rgb(254,17,223)
```
#fe2be2
```
#fe2be2 rgb(254,43,226)
```
#fe44e6
```
#fe44e6 rgb(254,68,230)
```

Monochromatic Color

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

#d801f5
```
#d801f5 rgb(216,1,245)
```
#ec01f5
```
#ec01f5 rgb(236,1,245)
```
#f501e9
```
#f501e9 rgb(245,1,233)
```
#f501d5
```
#f501d5 rgb(245,1,213)
```
#f501c1
```
#f501c1 rgb(245,1,193)
```
#f501ac
```
#f501ac rgb(245,1,172)
```
#f50198
```
#f50198 rgb(245,1,152)
```

Similar Colors

Text with hexadecimal color #f501d5

This text has a font color of #f501d5.

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

#f501d5 background color

This paragraph has a background color of #f501d5.

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

#f501d5 border color

This element has a border color of #f501d5.

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

CSS codes

.text {color:#f501d5;}

.background {background-color:#f501d5;}

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

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

#0b0009
```
#0b0009 rgb(11,0,9)
```
#1e001a
```
#1e001a rgb(30,0,26)
```
#32002b
```
#32002b rgb(50,0,43)
```
#45003c
```
#45003c rgb(69,0,60)
```
#59004d
```
#59004d rgb(89,0,77)
```
#6c005e
```
#6c005e rgb(108,0,94)
```
#80016f
```
#80016f rgb(128,1,111)
```
#930180
```
#930180 rgb(147,1,128)
```
#a70191
```
#a70191 rgb(167,1,145)
```
#ba01a2
```
#ba01a2 rgb(186,1,162)
```
#ce01b3
```
#ce01b3 rgb(206,1,179)
```
#e101c4
```
#e101c4 rgb(225,1,196)
```
#f501d5
```
#f501d5 rgb(245,1,213)
```

Shade Color Variation

#fe0cde
```
#fe0cde rgb(254,12,222)
```
#fe1fe1
```
#fe1fe1 rgb(254,31,225)
```
#fe33e3
```
#fe33e3 rgb(254,51,227)
```
#fe46e6
```
#fe46e6 rgb(254,70,230)
```
#fe5ae9
```
#fe5ae9 rgb(254,90,233)
```
#fe6deb
```
#fe6deb rgb(254,109,235)
```
#fe81ee
```
#fe81ee rgb(254,129,238)
```
#ff94f1
```
#ff94f1 rgb(255,148,241)
```
#ffa8f3
```
#ffa8f3 rgb(255,168,243)
```
#ffbbf6
```
#ffbbf6 rgb(255,187,246)
```
#ffcff9
```
#ffcff9 rgb(255,207,249)
```
#ffe3fb
```
#ffe3fb rgb(255,227,251)
```
#fff6fe
```
#fff6fe rgb(255,246,254)
```

Tint Color Variation

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

#837381
```
#837381 rgb(131,115,129)
```
#8d6988
```
#8d6988 rgb(141,105,136)
```
#96608f
```
#96608f rgb(150,96,143)
```
#a05696
```
#a05696 rgb(160,86,150)
```
#a94d9d
```
#a94d9d rgb(169,77,157)
```
#b343a4
```
#b343a4 rgb(179,67,164)
```
#bc3aab
```
#bc3aab rgb(188,58,171)
```
#c630b2
```
#c630b2 rgb(198,48,178)
```
#cf27b9
```
#cf27b9 rgb(207,39,185)
```
#d91dc0
```
#d91dc0 rgb(217,29,192)
```
#e214c7
```
#e214c7 rgb(226,20,199)
```
#ec0ace
```
#ec0ace rgb(236,10,206)
```
#f501d5
```
#f501d5 rgb(245,1,213)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7f4f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f89ff Protanopia 1% of men
#778cc2 Deuteranopia 1% of men
#e95c61 Tritanopia 0.001% of the population

Trichromacy

#8157ef Protanomaly 1% of men, 0.01% of women
#a559c9 Deuteranomaly 6% of men, 0.4% of women
#ed3b8b Tritanomaly 0.01% of the population

#f501d5 hex color

#f501d5 Color Information

#f501d5 Color Conversion

Color Schemes with #f501d5

Alternatives to #f501d5

#f501d5 Preview

Shades and Tints of #f501d5

Tones of #f501d5

Color Blindness Simulator