#f501a5 hex color

In a RGB color space, hex #f501a5 is composed of 96.1% red, 0.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 32.7% yellow and 3.9% black. It has a hue angle of 319.7 degrees, a saturation of 99.2% and a lightness of 48.2%. #f501a5 color hex could be obtained by blending #ff02ff with #eb004b. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 96
- G 0
- B 65
RGB color chart
- C 0
- M 100
- Y 33
- K 4
CMYK color chart

● #f501a5 color description : Vivid pink.

The hexadecimal color #f501a5 has RGB values of R:245, G:1, B:165 and CMYK values of C:0, M:1, Y:0.33, K:0.04. Its decimal value is 16056741.

Hex triplet	f501a5	`#f501a5`
RGB Decimal	245, 1, 165	`rgb(245,1,165)`
RGB Percent	96.1, 0.4, 64.7	`rgb(96.1%,0.4%,64.7%)`
CMYK	0, 100, 33, 4
HSL	319.7°, 99.2, 48.2	`hsl(319.7,99.2%,48.2%)`
HSV (or HSB)	319.7°, 99.6, 96.1
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.191, 85.582, -19.209
XYZ	44.459, 22.155, 37.53
xyY	0.427, 0.213, 22.155
CIE-LCH	54.191, 87.711, 347.349
CIE-LUV	54.191, 116.63, -42.894
Hunter-Lab	47.069, 86.23, -14.326
Binary	11110101, 00000001, 10100101

#f501a5
```
#f501a5 rgb(245,1,165)
```
#01f551
```
#01f551 rgb(1,245,81)
```

Complementary Color

#cb01f5
```
#cb01f5 rgb(203,1,245)
```
#f501a5
```
#f501a5 rgb(245,1,165)
```
#f5012b
```
#f5012b rgb(245,1,43)
```

Analogous Color

#01f5cb
```
#01f5cb rgb(1,245,203)
```
#f501a5
```
#f501a5 rgb(245,1,165)
```
#2bf501
```
#2bf501 rgb(43,245,1)
```

Split Complementary Color

#01a5f5
```
#01a5f5 rgb(1,165,245)
```
#f501a5
```
#f501a5 rgb(245,1,165)
```
#a5f501
```
#a5f501 rgb(165,245,1)
```

Triadic Color

#5101f5
```
#5101f5 rgb(81,1,245)
```
#f501a5
```
#f501a5 rgb(245,1,165)
```
#a5f501
```
#a5f501 rgb(165,245,1)
```
#01f551
```
#01f551 rgb(1,245,81)
```

Tetradic Color

#a90172
```
#a90172 rgb(169,1,114)
```
#c20183
```
#c20183 rgb(194,1,131)
```
#dc0194
```
#dc0194 rgb(220,1,148)
```
#f501a5
```
#f501a5 rgb(245,1,165)
```
#fe11b0
```
#fe11b0 rgb(254,17,176)
```
#fe2bb9
```
#fe2bb9 rgb(254,43,185)
```
#fe44c1
```
#fe44c1 rgb(254,68,193)
```

Monochromatic Color

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

#f501e2
```
#f501e2 rgb(245,1,226)
```
#f501ce
```
#f501ce rgb(245,1,206)
```
#f501b9
```
#f501b9 rgb(245,1,185)
```
#f501a5
```
#f501a5 rgb(245,1,165)
```
#f50191
```
#f50191 rgb(245,1,145)
```
#f5017c
```
#f5017c rgb(245,1,124)
```
#f50168
```
#f50168 rgb(245,1,104)
```

Similar Colors

Text with hexadecimal color #f501a5

This text has a font color of #f501a5.

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

#f501a5 background color

This paragraph has a background color of #f501a5.

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

#f501a5 border color

This element has a border color of #f501a5.

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

CSS codes

.text {color:#f501a5;}

.background {background-color:#f501a5;}

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

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

#0b0007
```
#0b0007 rgb(11,0,7)
```
#1e0014
```
#1e0014 rgb(30,0,20)
```
#320021
```
#320021 rgb(50,0,33)
```
#45002f
```
#45002f rgb(69,0,47)
```
#59003c
```
#59003c rgb(89,0,60)
```
#6c0049
```
#6c0049 rgb(108,0,73)
```
#800156
```
#800156 rgb(128,1,86)
```
#930163
```
#930163 rgb(147,1,99)
```
#a70170
```
#a70170 rgb(167,1,112)
```
#ba017e
```
#ba017e rgb(186,1,126)
```
#ce018b
```
#ce018b rgb(206,1,139)
```
#e10198
```
#e10198 rgb(225,1,152)
```
#f501a5
```
#f501a5 rgb(245,1,165)
```

Shade Color Variation

#fe0caf
```
#fe0caf rgb(254,12,175)
```
#fe1fb5
```
#fe1fb5 rgb(254,31,181)
```
#fe33bb
```
#fe33bb rgb(254,51,187)
```
#fe46c2
```
#fe46c2 rgb(254,70,194)
```
#fe5ac8
```
#fe5ac8 rgb(254,90,200)
```
#fe6dcf
```
#fe6dcf rgb(254,109,207)
```
#fe81d5
```
#fe81d5 rgb(254,129,213)
```
#ff94dc
```
#ff94dc rgb(255,148,220)
```
#ffa8e2
```
#ffa8e2 rgb(255,168,226)
```
#ffbbe9
```
#ffbbe9 rgb(255,187,233)
```
#ffcfef
```
#ffcfef rgb(255,207,239)
```
#ffe3f6
```
#ffe3f6 rgb(255,227,246)
```
#fff6fc
```
#fff6fc rgb(255,246,252)
```

Tint Color Variation

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

#83737e
```
#83737e rgb(131,115,126)
```
#8d6981
```
#8d6981 rgb(141,105,129)
```
#966084
```
#966084 rgb(150,96,132)
```
#a05688
```
#a05688 rgb(160,86,136)
```
#a94d8b
```
#a94d8b rgb(169,77,139)
```
#b3438e
```
#b3438e rgb(179,67,142)
```
#bc3a91
```
#bc3a91 rgb(188,58,145)
```
#c63095
```
#c63095 rgb(198,48,149)
```
#cf2798
```
#cf2798 rgb(207,39,152)
```
#d91d9b
```
#d91d9b rgb(217,29,155)
```
#e2149e
```
#e2149e rgb(226,20,158)
```
#ec0aa2
```
#ec0aa2 rgb(236,10,162)
```
#f501a5
```
#f501a5 rgb(245,1,165)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7b4b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5985e1 Protanopia 1% of men
#8c8498 Deuteranopia 1% of men
#ef484b Tritanopia 0.001% of the population

Trichromacy

#9255cb Protanomaly 1% of men, 0.01% of women
#b2549d Deuteranomaly 6% of men, 0.4% of women
#f12e6c Tritanomaly 0.01% of the population

#f501a5 hex color

#f501a5 Color Information

#f501a5 Color Conversion

Color Schemes with #f501a5

Alternatives to #f501a5

#f501a5 Preview

Shades and Tints of #f501a5

Tones of #f501a5

Color Blindness Simulator