#f500f9 hex color

In a RGB color space, hex #f500f9 is composed of 96.1% red, 0% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 100% magenta, 0% yellow and 2.4% black. It has a hue angle of 299 degrees, a saturation of 100% and a lightness of 48.8%. #f500f9 color hex could be obtained by blending #ff00ff with #eb00f3. Closest websafe color is: #ff00ff.

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

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

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

Hex triplet	f500f9	`#f500f9`
RGB Decimal	245, 0, 249	`rgb(245,0,249)`
RGB Percent	96.1, 0, 97.6	`rgb(96.1%,0%,97.6%)`
CMYK	2, 100, 0, 2
HSL	299°, 100, 48.8	`hsl(299,100%,48.8%)`
HSV (or HSB)	299°, 100, 97.6
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.279, 95.866, -60.874
XYZ	54.754, 26.256, 91.801
xyY	0.317, 0.152, 26.256
CIE-LCH	58.279, 113.56, 327.585
CIE-LUV	58.279, 79.301, -107.545
Hunter-Lab	51.24, 101.069, -70.355
Binary	11110101, 00000000, 11111001

#f500f9
```
#f500f9 rgb(245,0,249)
```
#04f900
```
#04f900 rgb(4,249,0)
```

Complementary Color

#7900f9
```
#7900f9 rgb(121,0,249)
```
#f500f9
```
#f500f9 rgb(245,0,249)
```
#f90081
```
#f90081 rgb(249,0,129)
```

Analogous Color

#00f979
```
#00f979 rgb(0,249,121)
```
#f500f9
```
#f500f9 rgb(245,0,249)
```
#81f900
```
#81f900 rgb(129,249,0)
```

Split Complementary Color

#00f9f5
```
#00f9f5 rgb(0,249,245)
```
#f500f9
```
#f500f9 rgb(245,0,249)
```
#f9f500
```
#f9f500 rgb(249,245,0)
```

Triadic Color

#0004f9
```
#0004f9 rgb(0,4,249)
```
#f500f9
```
#f500f9 rgb(245,0,249)
```
#f9f500
```
#f9f500 rgb(249,245,0)
```
#04f900
```
#04f900 rgb(4,249,0)
```

Tetradic Color

#aa00ad
```
#aa00ad rgb(170,0,173)
```
#c300c6
```
#c300c6 rgb(195,0,198)
```
#dc00e0
```
#dc00e0 rgb(220,0,224)
```
#f500f9
```
#f500f9 rgb(245,0,249)
```
#fb14ff
```
#fb14ff rgb(251,20,255)
```
#fc2dff
```
#fc2dff rgb(252,45,255)
```
#fc47ff
```
#fc47ff rgb(252,71,255)
```

Monochromatic Color

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

#b700f9
```
#b700f9 rgb(183,0,249)
```
#cc00f9
```
#cc00f9 rgb(204,0,249)
```
#e000f9
```
#e000f9 rgb(224,0,249)
```
#f500f9
```
#f500f9 rgb(245,0,249)
```
#f900e8
```
#f900e8 rgb(249,0,232)
```
#f900d4
```
#f900d4 rgb(249,0,212)
```
#f900bf
```
#f900bf rgb(249,0,191)
```

Similar Colors

Text with hexadecimal color #f500f9

This text has a font color of #f500f9.

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

#f500f9 background color

This paragraph has a background color of #f500f9.

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

#f500f9 border color

This element has a border color of #f500f9.

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

CSS codes

.text {color:#f500f9;}

.background {background-color:#f500f9;}

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

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

#0d000e
```
#0d000e rgb(13,0,14)
```
#210021
```
#210021 rgb(33,0,33)
```
#340035
```
#340035 rgb(52,0,53)
```
#470048
```
#470048 rgb(71,0,72)
```
#5b005c
```
#5b005c rgb(91,0,92)
```
#6e0070
```
#6e0070 rgb(110,0,112)
```
#810083
```
#810083 rgb(129,0,131)
```
#940097
```
#940097 rgb(148,0,151)
```
#a800ab
```
#a800ab rgb(168,0,171)
```
#bb00be
```
#bb00be rgb(187,0,190)
```
#ce00d2
```
#ce00d2 rgb(206,0,210)
```
#e200e5
```
#e200e5 rgb(226,0,229)
```
#f500f9
```
#f500f9 rgb(245,0,249)
```

Shade Color Variation

#fb0eff
```
#fb0eff rgb(251,14,255)
```
#fb21ff
```
#fb21ff rgb(251,33,255)
```
#fc35ff
```
#fc35ff rgb(252,53,255)
```
#fc48ff
```
#fc48ff rgb(252,72,255)
```
#fc5cff
```
#fc5cff rgb(252,92,255)
```
#fd70ff
```
#fd70ff rgb(253,112,255)
```
#fd83ff
```
#fd83ff rgb(253,131,255)
```
#fd97ff
```
#fd97ff rgb(253,151,255)
```
#feabff
```
#feabff rgb(254,171,255)
```
#febeff
```
#febeff rgb(254,190,255)
```
#fed2ff
```
#fed2ff rgb(254,210,255)
```
#ffe5ff
```
#ffe5ff rgb(255,229,255)
```
#fff9ff
```
#fff9ff rgb(255,249,255)
```

Tint Color Variation

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

#867386
```
#867386 rgb(134,115,134)
```
#8f6990
```
#8f6990 rgb(143,105,144)
```
#986099
```
#986099 rgb(152,96,153)
```
#a256a3
```
#a256a3 rgb(162,86,163)
```
#ab4dac
```
#ab4dac rgb(171,77,172)
```
#b443b6
```
#b443b6 rgb(180,67,182)
```
#bd39c0
```
#bd39c0 rgb(189,57,192)
```
#c730c9
```
#c730c9 rgb(199,48,201)
```
#d026d3
```
#d026d3 rgb(208,38,211)
```
#d91ddc
```
#d91ddc rgb(217,29,220)
```
#e213e6
```
#e213e6 rgb(226,19,230)
```
#ec0aef
```
#ec0aef rgb(236,10,239)
```
#f500f9
```
#f500f9 rgb(245,0,249)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#835283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8eff Protanopia 1% of men
#5d92e1 Deuteranopia 1% of men
#e46a71 Tritanopia 0.001% of the population

Trichromacy

#8b5afc Protanomaly 1% of men, 0.01% of women
#945dea Deuteranomaly 6% of men, 0.4% of women
#ea43a2 Tritanomaly 0.01% of the population

#f500f9 hex color

#f500f9 Color Information

#f500f9 Color Conversion

Color Schemes with #f500f9

Alternatives to #f500f9

#f500f9 Preview

Shades and Tints of #f500f9

Tones of #f500f9

Color Blindness Simulator