#f502ce hex color

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

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

● #f502ce color description : Vivid magenta.

The hexadecimal color #f502ce has RGB values of R:245, G:2, B:206 and CMYK values of C:0, M:0.99, Y:0.16, K:0.04. Its decimal value is 16057038.

Hex triplet	f502ce	`#f502ce`
RGB Decimal	245, 2, 206	`rgb(245,2,206)`
RGB Percent	96.1, 0.8, 80.8	`rgb(96.1%,0.8%,80.8%)`
CMYK	0, 99, 16, 4
HSL	309.6°, 98.4, 48.4	`hsl(309.6,98.4%,48.4%)`
HSV (or HSB)	309.6°, 99.2, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.004, 90.061, -40.219
XYZ	48.818, 23.916, 60.435
xyY	0.367, 0.18, 23.916
CIE-LCH	56.004, 98.633, 335.936
CIE-LUV	56.004, 97.391, -74.85
Hunter-Lab	48.904, 92.604, -39.036
Binary	11110101, 00000010, 11001110

#f502ce
```
#f502ce rgb(245,2,206)
```
#02f529
```
#02f529 rgb(2,245,41)
```

Complementary Color

#a302f5
```
#a302f5 rgb(163,2,245)
```
#f502ce
```
#f502ce rgb(245,2,206)
```
#f50255
```
#f50255 rgb(245,2,85)
```

Analogous Color

#02f5a3
```
#02f5a3 rgb(2,245,163)
```
#f502ce
```
#f502ce rgb(245,2,206)
```
#55f502
```
#55f502 rgb(85,245,2)
```

Split Complementary Color

#02cef5
```
#02cef5 rgb(2,206,245)
```
#f502ce
```
#f502ce rgb(245,2,206)
```
#cef502
```
#cef502 rgb(206,245,2)
```

Triadic Color

#2902f5
```
#2902f5 rgb(41,2,245)
```
#f502ce
```
#f502ce rgb(245,2,206)
```
#cef502
```
#cef502 rgb(206,245,2)
```
#02f529
```
#02f529 rgb(2,245,41)
```

Tetradic Color

#a9018e
```
#a9018e rgb(169,1,142)
```
#c202a3
```
#c202a3 rgb(194,2,163)
```
#dc02b9
```
#dc02b9 rgb(220,2,185)
```
#f502ce
```
#f502ce rgb(245,2,206)
```
#fd13d8
```
#fd13d8 rgb(253,19,216)
```
#fd2ddc
```
#fd2ddc rgb(253,45,220)
```
#fd46e0
```
#fd46e0 rgb(253,70,224)
```

Monochromatic Color

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

#df02f5
```
#df02f5 rgb(223,2,245)
```
#f402f5
```
#f402f5 rgb(244,2,245)
```
#f502e2
```
#f502e2 rgb(245,2,226)
```
#f502ce
```
#f502ce rgb(245,2,206)
```
#f502ba
```
#f502ba rgb(245,2,186)
```
#f502a6
```
#f502a6 rgb(245,2,166)
```
#f50291
```
#f50291 rgb(245,2,145)
```

Similar Colors

Text with hexadecimal color #f502ce

This text has a font color of #f502ce.

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

#f502ce background color

This paragraph has a background color of #f502ce.

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

#f502ce border color

This element has a border color of #f502ce.

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

CSS codes

.text {color:#f502ce;}

.background {background-color:#f502ce;}

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

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

#0c000a
```
#0c000a rgb(12,0,10)
```
#1f001a
```
#1f001a rgb(31,0,26)
```
#32002a
```
#32002a rgb(50,0,42)
```
#46013b
```
#46013b rgb(70,1,59)
```
#59014b
```
#59014b rgb(89,1,75)
```
#6d015b
```
#6d015b rgb(109,1,91)
```
#80016c
```
#80016c rgb(128,1,108)
```
#94017c
```
#94017c rgb(148,1,124)
```
#a7018d
```
#a7018d rgb(167,1,141)
```
#bb029d
```
#bb029d rgb(187,2,157)
```
#ce02ad
```
#ce02ad rgb(206,2,173)
```
#e202be
```
#e202be rgb(226,2,190)
```
#f502ce
```
#f502ce rgb(245,2,206)
```

Shade Color Variation

#fd0ed7
```
#fd0ed7 rgb(253,14,215)
```
#fd21da
```
#fd21da rgb(253,33,218)
```
#fd34dd
```
#fd34dd rgb(253,52,221)
```
#fe48e0
```
#fe48e0 rgb(254,72,224)
```
#fe5be4
```
#fe5be4 rgb(254,91,228)
```
#fe6fe7
```
#fe6fe7 rgb(254,111,231)
```
#fe82ea
```
#fe82ea rgb(254,130,234)
```
#fe96ed
```
#fe96ed rgb(254,150,237)
```
#fea9f1
```
#fea9f1 rgb(254,169,241)
```
#febdf4
```
#febdf4 rgb(254,189,244)
```
#ffd0f7
```
#ffd0f7 rgb(255,208,247)
```
#ffe4fa
```
#ffe4fa rgb(255,228,250)
```
#fff7fe
```
#fff7fe rgb(255,247,254)
```

Tint Color Variation

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

#837481
```
#837481 rgb(131,116,129)
```
#8d6b87
```
#8d6b87 rgb(141,107,135)
```
#96618d
```
#96618d rgb(150,97,141)
```
#a05894
```
#a05894 rgb(160,88,148)
```
#a94e9a
```
#a94e9a rgb(169,78,154)
```
#b345a1
```
#b345a1 rgb(179,69,161)
```
#bc3ba7
```
#bc3ba7 rgb(188,59,167)
```
#c632ae
```
#c632ae rgb(198,50,174)
```
#cf28b4
```
#cf28b4 rgb(207,40,180)
```
#d91fbb
```
#d91fbb rgb(217,31,187)
```
#e215c1
```
#e215c1 rgb(226,21,193)
```
#ec0cc8
```
#ec0cc8 rgb(236,12,200)
```
#f502ce
```
#f502ce rgb(245,2,206)
```

Tone Color Variation

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

Dichromacy

#3c88ff Protanopia 1% of men
#7b8abc Deuteranopia 1% of men
#ea595e Tritanopia 0.001% of the population

Trichromacy

#7f57ed Protanomaly 1% of men, 0.01% of women
#a759c3 Deuteranomaly 6% of men, 0.4% of women
#ee3986 Tritanomaly 0.01% of the population

#f502ce hex color

#f502ce Color Information

#f502ce Color Conversion

Color Schemes with #f502ce

Alternatives to #f502ce

#f502ce Preview

Shades and Tints of #f502ce

Tones of #f502ce

Color Blindness Simulator