#f504bf hex color

In a RGB color space, hex #f504bf is composed of 96.1% red, 1.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 22% yellow and 3.9% black. It has a hue angle of 313.4 degrees, a saturation of 96.8% and a lightness of 48.8%. #f504bf color hex could be obtained by blending #ff08ff with #eb007f. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 96
- G 2
- B 75
RGB color chart
- C 0
- M 98
- Y 22
- K 4
CMYK color chart

● #f504bf color description : Vivid magenta.

The hexadecimal color #f504bf has RGB values of R:245, G:4, B:191 and CMYK values of C:0, M:0.98, Y:0.22, K:0.04. Its decimal value is 16057535.

Hex triplet	f504bf	`#f504bf`
RGB Decimal	245, 4, 191	`rgb(245,4,191)`
RGB Percent	96.1, 1.6, 74.9	`rgb(96.1%,1.6%,74.9%)`
CMYK	0, 98, 22, 4
HSL	313.4°, 96.8, 48.8	`hsl(313.4,96.8%,48.8%)`
HSV (or HSB)	313.4°, 98.4, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.345, 88.159, -32.616
XYZ	47.104, 23.265, 51.297
xyY	0.387, 0.191, 23.265
CIE-LCH	55.345, 93.999, 339.697
CIE-LUV	55.345, 104.144, -63.037
Hunter-Lab	48.234, 89.908, -29.292
Binary	11110101, 00000100, 10111111

#f504bf
```
#f504bf rgb(245,4,191)
```
#04f53a
```
#04f53a rgb(4,245,58)
```

Complementary Color

#b304f5
```
#b304f5 rgb(179,4,245)
```
#f504bf
```
#f504bf rgb(245,4,191)
```
#f50447
```
#f50447 rgb(245,4,71)
```

Analogous Color

#04f5b3
```
#04f5b3 rgb(4,245,179)
```
#f504bf
```
#f504bf rgb(245,4,191)
```
#47f504
```
#47f504 rgb(71,245,4)
```

Split Complementary Color

#04bff5
```
#04bff5 rgb(4,191,245)
```
#f504bf
```
#f504bf rgb(245,4,191)
```
#bff504
```
#bff504 rgb(191,245,4)
```

Triadic Color

#3a04f5
```
#3a04f5 rgb(58,4,245)
```
#f504bf
```
#f504bf rgb(245,4,191)
```
#bff504
```
#bff504 rgb(191,245,4)
```
#04f53a
```
#04f53a rgb(4,245,58)
```

Tetradic Color

#aa0384
```
#aa0384 rgb(170,3,132)
```
#c30398
```
#c30398 rgb(195,3,152)
```
#dc04ab
```
#dc04ab rgb(220,4,171)
```
#f504bf
```
#f504bf rgb(245,4,191)
```
#fb17c8
```
#fb17c8 rgb(251,23,200)
```
#fc30ce
```
#fc30ce rgb(252,48,206)
```
#fc49d4
```
#fc49d4 rgb(252,73,212)
```

Monochromatic Color

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

#ef04f5
```
#ef04f5 rgb(239,4,245)
```
#f504e7
```
#f504e7 rgb(245,4,231)
```
#f504d3
```
#f504d3 rgb(245,4,211)
```
#f504bf
```
#f504bf rgb(245,4,191)
```
#f504ab
```
#f504ab rgb(245,4,171)
```
#f50497
```
#f50497 rgb(245,4,151)
```
#f50483
```
#f50483 rgb(245,4,131)
```

Similar Colors

Text with hexadecimal color #f504bf

This text has a font color of #f504bf.

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

#f504bf background color

This paragraph has a background color of #f504bf.

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

#f504bf border color

This element has a border color of #f504bf.

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

CSS codes

.text {color:#f504bf;}

.background {background-color:#f504bf;}

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

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

#0d000a
```
#0d000a rgb(13,0,10)
```
#210119
```
#210119 rgb(33,1,25)
```
#340129
```
#340129 rgb(52,1,41)
```
#470138
```
#470138 rgb(71,1,56)
```
#5b0147
```
#5b0147 rgb(91,1,71)
```
#6e0256
```
#6e0256 rgb(110,2,86)
```
#810265
```
#810265 rgb(129,2,101)
```
#940274
```
#940274 rgb(148,2,116)
```
#a80383
```
#a80383 rgb(168,3,131)
```
#bb0392
```
#bb0392 rgb(187,3,146)
```
#ce03a1
```
#ce03a1 rgb(206,3,161)
```
#e204b0
```
#e204b0 rgb(226,4,176)
```
#f504bf
```
#f504bf rgb(245,4,191)
```

Shade Color Variation

#fb11c7
```
#fb11c7 rgb(251,17,199)
```
#fb25cb
```
#fb25cb rgb(251,37,203)
```
#fc38d0
```
#fc38d0 rgb(252,56,208)
```
#fc4bd4
```
#fc4bd4 rgb(252,75,212)
```
#fc5fd9
```
#fc5fd9 rgb(252,95,217)
```
#fd72de
```
#fd72de rgb(253,114,222)
```
#fd85e2
```
#fd85e2 rgb(253,133,226)
```
#fd99e7
```
#fd99e7 rgb(253,153,231)
```
#feaceb
```
#feaceb rgb(254,172,235)
```
#febff0
```
#febff0 rgb(254,191,240)
```
#fed2f4
```
#fed2f4 rgb(254,210,244)
```
#ffe6f9
```
#ffe6f9 rgb(255,230,249)
```
#fff9fe
```
#fff9fe rgb(255,249,254)
```

Tint Color Variation

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

#827780
```
#827780 rgb(130,119,128)
```
#8c6d85
```
#8c6d85 rgb(140,109,133)
```
#95648a
```
#95648a rgb(149,100,138)
```
#9f5a8f
```
#9f5a8f rgb(159,90,143)
```
#a85195
```
#a85195 rgb(168,81,149)
```
#b2479a
```
#b2479a rgb(178,71,154)
```
#bc3d9f
```
#bc3d9f rgb(188,61,159)
```
#c534a5
```
#c534a5 rgb(197,52,165)
```
#cf2aaa
```
#cf2aaa rgb(207,42,170)
```
#d821af
```
#d821af rgb(216,33,175)
```
#e217b4
```
#e217b4 rgb(226,23,180)
```
#eb0eba
```
#eb0eba rgb(235,14,186)
```
#f504bf
```
#f504bf rgb(245,4,191)
```

Tone Color Variation

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

Dichromacy

#3686ff Protanopia 1% of men
#8288af Deuteranopia 1% of men
#ec5357 Tritanopia 0.001% of the population

Trichromacy

#7c57e7 Protanomaly 1% of men, 0.01% of women
#ac58b5 Deuteranomaly 6% of men, 0.4% of women
#ef367d Tritanomaly 0.01% of the population

#f504bf hex color

#f504bf Color Information

#f504bf Color Conversion

Color Schemes with #f504bf

Alternatives to #f504bf

#f504bf Preview

Shades and Tints of #f504bf

Tones of #f504bf

Color Blindness Simulator