#f502c7 hex color

In a RGB color space, hex #f502c7 is composed of 96.1% red, 0.8% green and 78% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 18.8% yellow and 3.9% black. It has a hue angle of 311.4 degrees, a saturation of 98.4% and a lightness of 48.4%. #f502c7 color hex could be obtained by blending #ff04ff with #eb008f. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 96
- G 1
- B 78
RGB color chart
- C 0
- M 99
- Y 19
- K 4
CMYK color chart

● #f502c7 color description : Vivid magenta.

The hexadecimal color #f502c7 has RGB values of R:245, G:2, B:199 and CMYK values of C:0, M:0.99, Y:0.19, K:0.04. Its decimal value is 16057031.

Hex triplet	f502c7	`#f502c7`
RGB Decimal	245, 2, 199	`rgb(245,2,199)`
RGB Percent	96.1, 0.8, 78	`rgb(96.1%,0.8%,78%)`
CMYK	0, 99, 19, 4
HSL	311.4°, 98.4, 48.4	`hsl(311.4,98.4%,48.4%)`
HSV (or HSB)	311.4°, 99.2, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.669, 89.22, -36.726
XYZ	47.987, 23.584, 56.055
xyY	0.376, 0.185, 23.584
CIE-LCH	55.669, 96.483, 337.626
CIE-LUV	55.669, 100.568, -69.403
Hunter-Lab	48.563, 91.397, -34.442
Binary	11110101, 00000010, 11000111

#f502c7
```
#f502c7 rgb(245,2,199)
```
#02f530
```
#02f530 rgb(2,245,48)
```

Complementary Color

#aa02f5
```
#aa02f5 rgb(170,2,245)
```
#f502c7
```
#f502c7 rgb(245,2,199)
```
#f5024e
```
#f5024e rgb(245,2,78)
```

Analogous Color

#02f5aa
```
#02f5aa rgb(2,245,170)
```
#f502c7
```
#f502c7 rgb(245,2,199)
```
#4ef502
```
#4ef502 rgb(78,245,2)
```

Split Complementary Color

#02c7f5
```
#02c7f5 rgb(2,199,245)
```
#f502c7
```
#f502c7 rgb(245,2,199)
```
#c7f502
```
#c7f502 rgb(199,245,2)
```

Triadic Color

#3002f5
```
#3002f5 rgb(48,2,245)
```
#f502c7
```
#f502c7 rgb(245,2,199)
```
#c7f502
```
#c7f502 rgb(199,245,2)
```
#02f530
```
#02f530 rgb(2,245,48)
```

Tetradic Color

#a90189
```
#a90189 rgb(169,1,137)
```
#c2029e
```
#c2029e rgb(194,2,158)
```
#dc02b2
```
#dc02b2 rgb(220,2,178)
```
#f502c7
```
#f502c7 rgb(245,2,199)
```
#fd13d1
```
#fd13d1 rgb(253,19,209)
```
#fd2dd6
```
#fd2dd6 rgb(253,45,214)
```
#fd46db
```
#fd46db rgb(253,70,219)
```

Monochromatic Color

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

#e602f5
```
#e602f5 rgb(230,2,245)
```
#f502f0
```
#f502f0 rgb(245,2,240)
```
#f502db
```
#f502db rgb(245,2,219)
```
#f502c7
```
#f502c7 rgb(245,2,199)
```
#f502b3
```
#f502b3 rgb(245,2,179)
```
#f5029f
```
#f5029f rgb(245,2,159)
```
#f5028a
```
#f5028a rgb(245,2,138)
```

Similar Colors

Text with hexadecimal color #f502c7

This text has a font color of #f502c7.

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

#f502c7 background color

This paragraph has a background color of #f502c7.

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

#f502c7 border color

This element has a border color of #f502c7.

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

CSS codes

.text {color:#f502c7;}

.background {background-color:#f502c7;}

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

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

#0c0009
```
#0c0009 rgb(12,0,9)
```
#1f0019
```
#1f0019 rgb(31,0,25)
```
#320029
```
#320029 rgb(50,0,41)
```
#460139
```
#460139 rgb(70,1,57)
```
#590149
```
#590149 rgb(89,1,73)
```
#6d0158
```
#6d0158 rgb(109,1,88)
```
#800168
```
#800168 rgb(128,1,104)
```
#940178
```
#940178 rgb(148,1,120)
```
#a70188
```
#a70188 rgb(167,1,136)
```
#bb0298
```
#bb0298 rgb(187,2,152)
```
#ce02a7
```
#ce02a7 rgb(206,2,167)
```
#e202b7
```
#e202b7 rgb(226,2,183)
```
#f502c7
```
#f502c7 rgb(245,2,199)
```

Shade Color Variation

#fd0ed0
```
#fd0ed0 rgb(253,14,208)
```
#fd21d4
```
#fd21d4 rgb(253,33,212)
```
#fd34d7
```
#fd34d7 rgb(253,52,215)
```
#fe48db
```
#fe48db rgb(254,72,219)
```
#fe5bdf
```
#fe5bdf rgb(254,91,223)
```
#fe6fe3
```
#fe6fe3 rgb(254,111,227)
```
#fe82e7
```
#fe82e7 rgb(254,130,231)
```
#fe96ea
```
#fe96ea rgb(254,150,234)
```
#fea9ee
```
#fea9ee rgb(254,169,238)
```
#febdf2
```
#febdf2 rgb(254,189,242)
```
#ffd0f6
```
#ffd0f6 rgb(255,208,246)
```
#ffe4fa
```
#ffe4fa rgb(255,228,250)
```
#fff7fd
```
#fff7fd rgb(255,247,253)
```

Tint Color Variation

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

#837480
```
#837480 rgb(131,116,128)
```
#8d6b86
```
#8d6b86 rgb(141,107,134)
```
#96618c
```
#96618c rgb(150,97,140)
```
#a05892
```
#a05892 rgb(160,88,146)
```
#a94e98
```
#a94e98 rgb(169,78,152)
```
#b3459e
```
#b3459e rgb(179,69,158)
```
#bc3ba4
```
#bc3ba4 rgb(188,59,164)
```
#c632a9
```
#c632a9 rgb(198,50,169)
```
#cf28af
```
#cf28af rgb(207,40,175)
```
#d91fb5
```
#d91fb5 rgb(217,31,181)
```
#e215bb
```
#e215bb rgb(226,21,187)
```
#ec0cc1
```
#ec0cc1 rgb(236,12,193)
```
#f502c7
```
#f502c7 rgb(245,2,199)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7f4e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3987ff Protanopia 1% of men
#7f89b6 Deuteranopia 1% of men
#eb565b Tritanopia 0.001% of the population

Trichromacy

#7d57ea Protanomaly 1% of men, 0.01% of women
#a958bc Deuteranomaly 6% of men, 0.4% of women
#ef3782 Tritanomaly 0.01% of the population

#f502c7 hex color

#f502c7 Color Information

#f502c7 Color Conversion

Color Schemes with #f502c7

Alternatives to #f502c7

#f502c7 Preview

Shades and Tints of #f502c7

Tones of #f502c7

Color Blindness Simulator