#f502cc hex color

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

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

● #f502cc color description : Vivid magenta.

The hexadecimal color #f502cc has RGB values of R:245, G:2, B:204 and CMYK values of C:0, M:0.99, Y:0.17, K:0.04. Its decimal value is 16057036.

Hex triplet	f502cc	`#f502cc`
RGB Decimal	245, 2, 204	`rgb(245,2,204)`
RGB Percent	96.1, 0.8, 80	`rgb(96.1%,0.8%,80%)`
CMYK	0, 99, 17, 4
HSL	310.1°, 98.4, 48.4	`hsl(310.1,98.4%,48.4%)`
HSV (or HSB)	310.1°, 99.2, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.907, 89.818, -39.225
XYZ	48.577, 23.82, 59.163
xyY	0.369, 0.181, 23.82
CIE-LCH	55.907, 98.009, 336.408
CIE-LUV	55.907, 98.293, -73.296
Hunter-Lab	48.806, 92.255, -37.709
Binary	11110101, 00000010, 11001100

#f502cc
```
#f502cc rgb(245,2,204)
```
#02f52b
```
#02f52b rgb(2,245,43)
```

Complementary Color

#a502f5
```
#a502f5 rgb(165,2,245)
```
#f502cc
```
#f502cc rgb(245,2,204)
```
#f50253
```
#f50253 rgb(245,2,83)
```

Analogous Color

#02f5a5
```
#02f5a5 rgb(2,245,165)
```
#f502cc
```
#f502cc rgb(245,2,204)
```
#53f502
```
#53f502 rgb(83,245,2)
```

Split Complementary Color

#02ccf5
```
#02ccf5 rgb(2,204,245)
```
#f502cc
```
#f502cc rgb(245,2,204)
```
#ccf502
```
#ccf502 rgb(204,245,2)
```

Triadic Color

#2b02f5
```
#2b02f5 rgb(43,2,245)
```
#f502cc
```
#f502cc rgb(245,2,204)
```
#ccf502
```
#ccf502 rgb(204,245,2)
```
#02f52b
```
#02f52b rgb(2,245,43)
```

Tetradic Color

#a9018d
```
#a9018d rgb(169,1,141)
```
#c202a2
```
#c202a2 rgb(194,2,162)
```
#dc02b7
```
#dc02b7 rgb(220,2,183)
```
#f502cc
```
#f502cc rgb(245,2,204)
```
#fd13d6
```
#fd13d6 rgb(253,19,214)
```
#fd2dda
```
#fd2dda rgb(253,45,218)
```
#fd46df
```
#fd46df rgb(253,70,223)
```

Monochromatic Color

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

#e102f5
```
#e102f5 rgb(225,2,245)
```
#f502f5
```
#f502f5 rgb(245,2,245)
```
#f502e0
```
#f502e0 rgb(245,2,224)
```
#f502cc
```
#f502cc rgb(245,2,204)
```
#f502b8
```
#f502b8 rgb(245,2,184)
```
#f502a4
```
#f502a4 rgb(245,2,164)
```
#f5028f
```
#f5028f rgb(245,2,143)
```

Similar Colors

Text with hexadecimal color #f502cc

This text has a font color of #f502cc.

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

#f502cc background color

This paragraph has a background color of #f502cc.

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

#f502cc border color

This element has a border color of #f502cc.

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

CSS codes

.text {color:#f502cc;}

.background {background-color:#f502cc;}

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

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)
```
#46013a
```
#46013a rgb(70,1,58)
```
#59014a
```
#59014a rgb(89,1,74)
```
#6d015b
```
#6d015b rgb(109,1,91)
```
#80016b
```
#80016b rgb(128,1,107)
```
#94017b
```
#94017b rgb(148,1,123)
```
#a7018b
```
#a7018b rgb(167,1,139)
```
#bb029b
```
#bb029b rgb(187,2,155)
```
#ce02ac
```
#ce02ac rgb(206,2,172)
```
#e202bc
```
#e202bc rgb(226,2,188)
```
#f502cc
```
#f502cc rgb(245,2,204)
```

Shade Color Variation

#fd0ed5
```
#fd0ed5 rgb(253,14,213)
```
#fd21d8
```
#fd21d8 rgb(253,33,216)
```
#fd34db
```
#fd34db rgb(253,52,219)
```
#fe48df
```
#fe48df rgb(254,72,223)
```
#fe5be2
```
#fe5be2 rgb(254,91,226)
```
#fe6fe6
```
#fe6fe6 rgb(254,111,230)
```
#fe82e9
```
#fe82e9 rgb(254,130,233)
```
#fe96ed
```
#fe96ed rgb(254,150,237)
```
#fea9f0
```
#fea9f0 rgb(254,169,240)
```
#febdf3
```
#febdf3 rgb(254,189,243)
```
#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, #837480 is the less saturated color, while #f502cc is the most saturated one.

#837480
```
#837480 rgb(131,116,128)
```
#8d6b87
```
#8d6b87 rgb(141,107,135)
```
#96618d
```
#96618d rgb(150,97,141)
```
#a05893
```
#a05893 rgb(160,88,147)
```
#a94e9a
```
#a94e9a rgb(169,78,154)
```
#b345a0
```
#b345a0 rgb(179,69,160)
```
#bc3ba6
```
#bc3ba6 rgb(188,59,166)
```
#c632ad
```
#c632ad rgb(198,50,173)
```
#cf28b3
```
#cf28b3 rgb(207,40,179)
```
#d91fb9
```
#d91fb9 rgb(217,31,185)
```
#e215bf
```
#e215bf rgb(226,21,191)
```
#ec0cc6
```
#ec0cc6 rgb(236,12,198)
```
#f502cc
```
#f502cc rgb(245,2,204)
```

Tone Color Variation

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

Dichromacy

#3b88ff Protanopia 1% of men
#7c8abb Deuteranopia 1% of men
#eb585d Tritanopia 0.001% of the population

Trichromacy

#7f57ec Protanomaly 1% of men, 0.01% of women
#a858c1 Deuteranomaly 6% of men, 0.4% of women
#ee3985 Tritanomaly 0.01% of the population

#f502cc hex color

#f502cc Color Information

#f502cc Color Conversion

Color Schemes with #f502cc

Alternatives to #f502cc

#f502cc Preview

Shades and Tints of #f502cc

Tones of #f502cc

Color Blindness Simulator