#f502cb hex color

In a RGB color space, hex #f502cb is composed of 96.1% red, 0.8% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 17.1% yellow and 3.9% black. It has a hue angle of 310.4 degrees, a saturation of 98.4% and a lightness of 48.4%. #f502cb color hex could be obtained by blending #ff04ff with #eb0097. 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

● #f502cb color description : Vivid magenta.

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

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

CIE-LAB	55.859, 89.697, -38.727
XYZ	48.457, 23.772, 58.533
xyY	0.371, 0.182, 23.772
CIE-LCH	55.859, 97.7, 336.648
CIE-LUV	55.859, 98.746, -72.519
Hunter-Lab	48.756, 92.081, -37.049
Binary	11110101, 00000010, 11001011

#f502cb
```
#f502cb rgb(245,2,203)
```
#02f52c
```
#02f52c rgb(2,245,44)
```

Complementary Color

#a602f5
```
#a602f5 rgb(166,2,245)
```
#f502cb
```
#f502cb rgb(245,2,203)
```
#f50252
```
#f50252 rgb(245,2,82)
```

Analogous Color

#02f5a6
```
#02f5a6 rgb(2,245,166)
```
#f502cb
```
#f502cb rgb(245,2,203)
```
#52f502
```
#52f502 rgb(82,245,2)
```

Split Complementary Color

#02cbf5
```
#02cbf5 rgb(2,203,245)
```
#f502cb
```
#f502cb rgb(245,2,203)
```
#cbf502
```
#cbf502 rgb(203,245,2)
```

Triadic Color

#2c02f5
```
#2c02f5 rgb(44,2,245)
```
#f502cb
```
#f502cb rgb(245,2,203)
```
#cbf502
```
#cbf502 rgb(203,245,2)
```
#02f52c
```
#02f52c rgb(2,245,44)
```

Tetradic Color

#a9018c
```
#a9018c rgb(169,1,140)
```
#c202a1
```
#c202a1 rgb(194,2,161)
```
#dc02b6
```
#dc02b6 rgb(220,2,182)
```
#f502cb
```
#f502cb rgb(245,2,203)
```
#fd13d5
```
#fd13d5 rgb(253,19,213)
```
#fd2dd9
```
#fd2dd9 rgb(253,45,217)
```
#fd46de
```
#fd46de rgb(253,70,222)
```

Monochromatic Color

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

#e202f5
```
#e202f5 rgb(226,2,245)
```
#f502f4
```
#f502f4 rgb(245,2,244)
```
#f502df
```
#f502df rgb(245,2,223)
```
#f502cb
```
#f502cb rgb(245,2,203)
```
#f502b7
```
#f502b7 rgb(245,2,183)
```
#f502a3
```
#f502a3 rgb(245,2,163)
```
#f5028e
```
#f5028e rgb(245,2,142)
```

Similar Colors

Text with hexadecimal color #f502cb

This text has a font color of #f502cb.

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

#f502cb background color

This paragraph has a background color of #f502cb.

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

#f502cb border color

This element has a border color of #f502cb.

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

CSS codes

.text {color:#f502cb;}

.background {background-color:#f502cb;}

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

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)
```
#6d015a
```
#6d015a rgb(109,1,90)
```
#80016a
```
#80016a rgb(128,1,106)
```
#94017a
```
#94017a rgb(148,1,122)
```
#a7018b
```
#a7018b rgb(167,1,139)
```
#bb029b
```
#bb029b rgb(187,2,155)
```
#ce02ab
```
#ce02ab rgb(206,2,171)
```
#e202bb
```
#e202bb rgb(226,2,187)
```
#f502cb
```
#f502cb rgb(245,2,203)
```

Shade Color Variation

#fd0ed4
```
#fd0ed4 rgb(253,14,212)
```
#fd21d7
```
#fd21d7 rgb(253,33,215)
```
#fd34db
```
#fd34db rgb(253,52,219)
```
#fe48de
```
#fe48de rgb(254,72,222)
```
#fe5be2
```
#fe5be2 rgb(254,91,226)
```
#fe6fe5
```
#fe6fe5 rgb(254,111,229)
```
#fe82e9
```
#fe82e9 rgb(254,130,233)
```
#fe96ec
```
#fe96ec rgb(254,150,236)
```
#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 #f502cb 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)
```
#a94e99
```
#a94e99 rgb(169,78,153)
```
#b3459f
```
#b3459f rgb(179,69,159)
```
#bc3ba6
```
#bc3ba6 rgb(188,59,166)
```
#c632ac
```
#c632ac rgb(198,50,172)
```
#cf28b2
```
#cf28b2 rgb(207,40,178)
```
#d91fb8
```
#d91fb8 rgb(217,31,184)
```
#e215bf
```
#e215bf rgb(226,21,191)
```
#ec0cc5
```
#ec0cc5 rgb(236,12,197)
```
#f502cb
```
#f502cb rgb(245,2,203)
```

Tone Color Variation

Below, you can see how #f502cb 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
#7d8aba Deuteranopia 1% of men
#eb585c Tritanopia 0.001% of the population

Trichromacy

#7e57ec Protanomaly 1% of men, 0.01% of women
#a858c0 Deuteranomaly 6% of men, 0.4% of women
#ee3884 Tritanomaly 0.01% of the population

#f502cb hex color

#f502cb Color Information

#f502cb Color Conversion

Color Schemes with #f502cb

Alternatives to #f502cb

#f502cb Preview

Shades and Tints of #f502cb

Tones of #f502cb

Color Blindness Simulator