#f500f5 hex color

In a RGB color space, hex #f500f5 is composed of 96.1% red, 0% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 0% yellow and 3.9% black. It has a hue angle of 300 degrees, a saturation of 100% and a lightness of 48%. #f500f5 color hex could be obtained by blending #ff00ff with #eb00eb. Closest websafe color is: #ff00ff.

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

● #f500f5 color description : Pure (or mostly pure) magenta.

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

Hex triplet	f500f5	`#f500f5`
RGB Decimal	245, 0, 245	`rgb(245,0,245)`
RGB Percent	96.1, 0, 96.1	`rgb(96.1%,0%,96.1%)`
CMYK	0, 100, 0, 4
HSL	300°, 100, 48	`hsl(300,100%,48%)`
HSV (or HSB)	300°, 100, 96.1
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.045, 95.303, -59.019
XYZ	54.137, 26.009, 88.55
xyY	0.321, 0.154, 26.009
CIE-LCH	58.045, 112.098, 328.231
CIE-LUV	58.045, 80.884, -104.593
Hunter-Lab	50.999, 100.234, -67.247
Binary	11110101, 00000000, 11110101

#f500f5
```
#f500f5 rgb(245,0,245)
```
#00f500
```
#00f500 rgb(0,245,0)
```

Complementary Color

#7b00f5
```
#7b00f5 rgb(123,0,245)
```
#f500f5
```
#f500f5 rgb(245,0,245)
```
#f5007b
```
#f5007b rgb(245,0,123)
```

Analogous Color

#00f57b
```
#00f57b rgb(0,245,123)
```
#f500f5
```
#f500f5 rgb(245,0,245)
```
#7bf500
```
#7bf500 rgb(123,245,0)
```

Split Complementary Color

#00f5f5
```
#00f5f5 rgb(0,245,245)
```
#f500f5
```
#f500f5 rgb(245,0,245)
```
#f5f500
```
#f5f500 rgb(245,245,0)
```

Triadic Color

#0000f5
```
#0000f5 rgb(0,0,245)
```
#f500f5
```
#f500f5 rgb(245,0,245)
```
#f5f500
```
#f5f500 rgb(245,245,0)
```
#00f500
```
#00f500 rgb(0,245,0)
```

Tetradic Color

#a900a9
```
#a900a9 rgb(169,0,169)
```
#c200c2
```
#c200c2 rgb(194,0,194)
```
#dc00dc
```
#dc00dc rgb(220,0,220)
```
#f500f5
```
#f500f5 rgb(245,0,245)
```
#ff10ff
```
#ff10ff rgb(255,16,255)
```
#ff29ff
```
#ff29ff rgb(255,41,255)
```
#ff43ff
```
#ff43ff rgb(255,67,255)
```

Monochromatic Color

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

#b800f5
```
#b800f5 rgb(184,0,245)
```
#cc00f5
```
#cc00f5 rgb(204,0,245)
```
#e100f5
```
#e100f5 rgb(225,0,245)
```
#f500f5
```
#f500f5 rgb(245,0,245)
```
#f500e1
```
#f500e1 rgb(245,0,225)
```
#f500cc
```
#f500cc rgb(245,0,204)
```
#f500b8
```
#f500b8 rgb(245,0,184)
```

Similar Colors

Text with hexadecimal color #f500f5

This text has a font color of #f500f5.

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

#f500f5 background color

This paragraph has a background color of #f500f5.

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

#f500f5 border color

This element has a border color of #f500f5.

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

CSS codes

.text {color:#f500f5;}

.background {background-color:#f500f5;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1d001d
```
#1d001d rgb(29,0,29)
```
#310031
```
#310031 rgb(49,0,49)
```
#440044
```
#440044 rgb(68,0,68)
```
#580058
```
#580058 rgb(88,0,88)
```
#6c006c
```
#6c006c rgb(108,0,108)
```
#7f007f
```
#7f007f rgb(127,0,127)
```
#930093
```
#930093 rgb(147,0,147)
```
#a700a7
```
#a700a7 rgb(167,0,167)
```
#ba00ba
```
#ba00ba rgb(186,0,186)
```
#ce00ce
```
#ce00ce rgb(206,0,206)
```
#e100e1
```
#e100e1 rgb(225,0,225)
```
#f500f5
```
#f500f5 rgb(245,0,245)
```

Shade Color Variation

#ff0aff
```
#ff0aff rgb(255,10,255)
```
#ff1dff
```
#ff1dff rgb(255,29,255)
```
#ff31ff
```
#ff31ff rgb(255,49,255)
```
#ff44ff
```
#ff44ff rgb(255,68,255)
```
#ff58ff
```
#ff58ff rgb(255,88,255)
```
#ff6cff
```
#ff6cff rgb(255,108,255)
```
#ff7fff
```
#ff7fff rgb(255,127,255)
```
#ff93ff
```
#ff93ff rgb(255,147,255)
```
#ffa7ff
```
#ffa7ff rgb(255,167,255)
```
#ffbaff
```
#ffbaff rgb(255,186,255)
```
#ffceff
```
#ffceff rgb(255,206,255)
```
#ffe1ff
```
#ffe1ff rgb(255,225,255)
```
#fff5ff
```
#fff5ff rgb(255,245,255)
```

Tint Color Variation

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

#847184
```
#847184 rgb(132,113,132)
```
#8d688d
```
#8d688d rgb(141,104,141)
```
#975e97
```
#975e97 rgb(151,94,151)
```
#a055a0
```
#a055a0 rgb(160,85,160)
```
#aa4baa
```
#aa4baa rgb(170,75,170)
```
#b342b3
```
#b342b3 rgb(179,66,179)
```
#bc39bc
```
#bc39bc rgb(188,57,188)
```
#c62fc6
```
#c62fc6 rgb(198,47,198)
```
#cf26cf
```
#cf26cf rgb(207,38,207)
```
#d91cd9
```
#d91cd9 rgb(217,28,217)
```
#e213e2
```
#e213e2 rgb(226,19,226)
```
#ec09ec
```
#ec09ec rgb(236,9,236)
```
#f500f5
```
#f500f5 rgb(245,0,245)
```

Tone Color Variation

Below, you can see how #f500f5 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
#825182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8eff Protanopia 1% of men
#6191de Deuteranopia 1% of men
#e5696f Tritanopia 0.001% of the population

Trichromacy

#8a5afb Protanomaly 1% of men, 0.01% of women
#975ce6 Deuteranomaly 6% of men, 0.4% of women
#eb429f Tritanomaly 0.01% of the population

#f500f5 hex color

#f500f5 Color Information

#f500f5 Color Conversion

Color Schemes with #f500f5

Alternatives to #f500f5

#f500f5 Preview

Shades and Tints of #f500f5

Tones of #f500f5

Color Blindness Simulator