#f504f7 hex color

In a RGB color space, hex #f504f7 is composed of 96.1% red, 1.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 98.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 299.5 degrees, a saturation of 96.8% and a lightness of 49.2%. #f504f7 color hex could be obtained by blending #ff08ff with #eb00ef. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 96
- G 2
- B 97
RGB color chart
- C 1
- M 98
- Y 0
- K 3
CMYK color chart

● #f504f7 color description : Vivid magenta.

The hexadecimal color #f504f7 has RGB values of R:245, G:4, B:247 and CMYK values of C:0.01, M:0.98, Y:0, K:0.03. Its decimal value is 16057591.

Hex triplet	f504f7	`#f504f7`
RGB Decimal	245, 4, 247	`rgb(245,4,247)`
RGB Percent	96.1, 1.6, 96.9	`rgb(96.1%,1.6%,96.9%)`
CMYK	1, 98, 0, 3
HSL	299.5°, 96.8, 49.2	`hsl(299.5,96.8%,49.2%)`
HSV (or HSB)	299.5°, 98.4, 96.9
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.244, 95.34, -59.817
XYZ	54.487, 26.218, 90.182
xyY	0.319, 0.153, 26.218
CIE-LCH	58.244, 112.551, 327.896
CIE-LUV	58.244, 79.941, -105.878
Hunter-Lab	51.204, 100.338, -68.58
Binary	11110101, 00000100, 11110111

#f504f7
```
#f504f7 rgb(245,4,247)
```
#06f704
```
#06f704 rgb(6,247,4)
```

Complementary Color

#7c04f7
```
#7c04f7 rgb(124,4,247)
```
#f504f7
```
#f504f7 rgb(245,4,247)
```
#f70480
```
#f70480 rgb(247,4,128)
```

Analogous Color

#04f77c
```
#04f77c rgb(4,247,124)
```
#f504f7
```
#f504f7 rgb(245,4,247)
```
#80f704
```
#80f704 rgb(128,247,4)
```

Split Complementary Color

#04f7f5
```
#04f7f5 rgb(4,247,245)
```
#f504f7
```
#f504f7 rgb(245,4,247)
```
#f7f504
```
#f7f504 rgb(247,245,4)
```

Triadic Color

#0406f7
```
#0406f7 rgb(4,6,247)
```
#f504f7
```
#f504f7 rgb(245,4,247)
```
#f7f504
```
#f7f504 rgb(247,245,4)
```
#06f704
```
#06f704 rgb(6,247,4)
```

Tetradic Color

#aa03ac
```
#aa03ac rgb(170,3,172)
```
#c303c5
```
#c303c5 rgb(195,3,197)
```
#dc04de
```
#dc04de rgb(220,4,222)
```
#f504f7
```
#f504f7 rgb(245,4,247)
```
#f919fb
```
#f919fb rgb(249,25,251)
```
#fa32fc
```
#fa32fc rgb(250,50,252)
```
#fb4bfc
```
#fb4bfc rgb(251,75,252)
```

Monochromatic Color

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

#b804f7
```
#b804f7 rgb(184,4,247)
```
#cd04f7
```
#cd04f7 rgb(205,4,247)
```
#e104f7
```
#e104f7 rgb(225,4,247)
```
#f504f7
```
#f504f7 rgb(245,4,247)
```
#f704e5
```
#f704e5 rgb(247,4,229)
```
#f704d1
```
#f704d1 rgb(247,4,209)
```
#f704bc
```
#f704bc rgb(247,4,188)
```

Similar Colors

Text with hexadecimal color #f504f7

This text has a font color of #f504f7.

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

#f504f7 background color

This paragraph has a background color of #f504f7.

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

#f504f7 border color

This element has a border color of #f504f7.

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

CSS codes

.text {color:#f504f7;}

.background {background-color:#f504f7;}

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

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

#0f000f
```
#0f000f rgb(15,0,15)
```
#220123
```
#220123 rgb(34,1,35)
```
#360136
```
#360136 rgb(54,1,54)
```
#490149
```
#490149 rgb(73,1,73)
```
#5c015d
```
#5c015d rgb(92,1,93)
```
#6f0270
```
#6f0270 rgb(111,2,112)
```
#820283
```
#820283 rgb(130,2,131)
```
#950296
```
#950296 rgb(149,2,150)
```
#a803aa
```
#a803aa rgb(168,3,170)
```
#bc03bd
```
#bc03bd rgb(188,3,189)
```
#cf03d0
```
#cf03d0 rgb(207,3,208)
```
#e204e4
```
#e204e4 rgb(226,4,228)
```
#f504f7
```
#f504f7 rgb(245,4,247)
```

Shade Color Variation

#f913fb
```
#f913fb rgb(249,19,251)
```
#fa27fb
```
#fa27fb rgb(250,39,251)
```
#fa3afc
```
#fa3afc rgb(250,58,252)
```
#fb4dfc
```
#fb4dfc rgb(251,77,252)
```
#fb61fc
```
#fb61fc rgb(251,97,252)
```
#fc74fd
```
#fc74fd rgb(252,116,253)
```
#fc87fd
```
#fc87fd rgb(252,135,253)
```
#fd9bfd
```
#fd9bfd rgb(253,155,253)
```
#fdaefe
```
#fdaefe rgb(253,174,254)
```
#fdc1fe
```
#fdc1fe rgb(253,193,254)
```
#fed4fe
```
#fed4fe rgb(254,212,254)
```
#fee8ff
```
#fee8ff rgb(254,232,255)
```
#fffbff
```
#fffbff rgb(255,251,255)
```

Tint Color Variation

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

#837883
```
#837883 rgb(131,120,131)
```
#8d6e8d
```
#8d6e8d rgb(141,110,141)
```
#966596
```
#966596 rgb(150,101,150)
```
#a05ba0
```
#a05ba0 rgb(160,91,160)
```
#a951aa
```
#a951aa rgb(169,81,170)
```
#b348b3
```
#b348b3 rgb(179,72,179)
```
#bc3ebd
```
#bc3ebd rgb(188,62,189)
```
#c634c7
```
#c634c7 rgb(198,52,199)
```
#cf2bd0
```
#cf2bd0 rgb(207,43,208)
```
#d921da
```
#d921da rgb(217,33,218)
```
#e217e4
```
#e217e4 rgb(226,23,228)
```
#ec0eed
```
#ec0eed rgb(236,14,237)
```
#f504f7
```
#f504f7 rgb(245,4,247)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#845485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8eff Protanopia 1% of men
#6092e0 Deuteranopia 1% of men
#e56a70 Tritanopia 0.001% of the population

Trichromacy

#8b5cfc Protanomaly 1% of men, 0.01% of women
#965ee8 Deuteranomaly 6% of men, 0.4% of women
#ea45a1 Tritanomaly 0.01% of the population

#f504f7 hex color

#f504f7 Color Information

#f504f7 Color Conversion

Color Schemes with #f504f7

Alternatives to #f504f7

#f504f7 Preview

Shades and Tints of #f504f7

Tones of #f504f7

Color Blindness Simulator