#f506f7 hex color

In a RGB color space, hex #f506f7 is composed of 96.1% red, 2.4% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 97.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 299.5 degrees, a saturation of 95.3% and a lightness of 49.6%. #f506f7 color hex could be obtained by blending #ff0cff 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

● #f506f7 color description : Vivid magenta.

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

Hex triplet	f506f7	`#f506f7`
RGB Decimal	245, 6, 247	`rgb(245,6,247)`
RGB Percent	96.1, 2.4, 96.9	`rgb(96.1%,2.4%,96.9%)`
CMYK	1, 98, 0, 3
HSL	299.5°, 95.3, 49.6	`hsl(299.5,95.3%,49.6%)`
HSV (or HSB)	299.5°, 97.6, 96.9
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.285, 95.219, -59.751
XYZ	54.509, 26.262, 90.189
xyY	0.319, 0.154, 26.262
CIE-LCH	58.285, 112.414, 327.891
CIE-LUV	58.285, 79.866, -105.781
Hunter-Lab	51.246, 100.182, -68.472
Binary	11110101, 00000110, 11110111

#f506f7
```
#f506f7 rgb(245,6,247)
```
#08f706
```
#08f706 rgb(8,247,6)
```

Complementary Color

#7d06f7
```
#7d06f7 rgb(125,6,247)
```
#f506f7
```
#f506f7 rgb(245,6,247)
```
#f70681
```
#f70681 rgb(247,6,129)
```

Analogous Color

#06f77d
```
#06f77d rgb(6,247,125)
```
#f506f7
```
#f506f7 rgb(245,6,247)
```
#81f706
```
#81f706 rgb(129,247,6)
```

Split Complementary Color

#06f7f5
```
#06f7f5 rgb(6,247,245)
```
#f506f7
```
#f506f7 rgb(245,6,247)
```
#f7f506
```
#f7f506 rgb(247,245,6)
```

Triadic Color

#0608f7
```
#0608f7 rgb(6,8,247)
```
#f506f7
```
#f506f7 rgb(245,6,247)
```
#f7f506
```
#f7f506 rgb(247,245,6)
```
#08f706
```
#08f706 rgb(8,247,6)
```

Tetradic Color

#ab04ac
```
#ab04ac rgb(171,4,172)
```
#c405c5
```
#c405c5 rgb(196,5,197)
```
#dc05de
```
#dc05de rgb(220,5,222)
```
#f506f7
```
#f506f7 rgb(245,6,247)
```
#f81dfa
```
#f81dfa rgb(248,29,250)
```
#f836fa
```
#f836fa rgb(248,54,250)
```
#f94ffb
```
#f94ffb rgb(249,79,251)
```

Monochromatic Color

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

#b906f7
```
#b906f7 rgb(185,6,247)
```
#cd06f7
```
#cd06f7 rgb(205,6,247)
```
#e106f7
```
#e106f7 rgb(225,6,247)
```
#f506f7
```
#f506f7 rgb(245,6,247)
```
#f706e5
```
#f706e5 rgb(247,6,229)
```
#f706d1
```
#f706d1 rgb(247,6,209)
```
#f706bd
```
#f706bd rgb(247,6,189)
```

Similar Colors

Text with hexadecimal color #f506f7

This text has a font color of #f506f7.

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

#f506f7 background color

This paragraph has a background color of #f506f7.

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

#f506f7 border color

This element has a border color of #f506f7.

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

CSS codes

.text {color:#f506f7;}

.background {background-color:#f506f7;}

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

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, #110011 is the darkest color, while #fffdff is the lightest one.

#110011
```
#110011 rgb(17,0,17)
```
#240124
```
#240124 rgb(36,1,36)
```
#370137
```
#370137 rgb(55,1,55)
```
#4a024b
```
#4a024b rgb(74,2,75)
```
#5d025e
```
#5d025e rgb(93,2,94)
```
#700371
```
#700371 rgb(112,3,113)
```
#830384
```
#830384 rgb(131,3,132)
```
#960497
```
#960497 rgb(150,4,151)
```
#a904aa
```
#a904aa rgb(169,4,170)
```
#bc05be
```
#bc05be rgb(188,5,190)
```
#cf05d1
```
#cf05d1 rgb(207,5,209)
```
#e206e4
```
#e206e4 rgb(226,6,228)
```
#f506f7
```
#f506f7 rgb(245,6,247)
```

Shade Color Variation

#f717f9
```
#f717f9 rgb(247,23,249)
```
#f82afa
```
#f82afa rgb(248,42,250)
```
#f93efa
```
#f93efa rgb(249,62,250)
```
#f951fb
```
#f951fb rgb(249,81,251)
```
#fa64fb
```
#fa64fb rgb(250,100,251)
```
#fb77fc
```
#fb77fc rgb(251,119,252)
```
#fb8afc
```
#fb8afc rgb(251,138,252)
```
#fc9dfd
```
#fc9dfd rgb(252,157,253)
```
#fcb0fd
```
#fcb0fd rgb(252,176,253)
```
#fdc4fe
```
#fdc4fe rgb(253,196,254)
```
#fed7fe
```
#fed7fe rgb(254,215,254)
```
#feeafe
```
#feeafe rgb(254,234,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#827b82
```
#827b82 rgb(130,123,130)
```
#8c718c
```
#8c718c rgb(140,113,140)
```
#956796
```
#956796 rgb(149,103,150)
```
#9f5e9f
```
#9f5e9f rgb(159,94,159)
```
#a854a9
```
#a854a9 rgb(168,84,169)
```
#b24ab3
```
#b24ab3 rgb(178,74,179)
```
#bc40bd
```
#bc40bd rgb(188,64,189)
```
#c537c6
```
#c537c6 rgb(197,55,198)
```
#cf2dd0
```
#cf2dd0 rgb(207,45,208)
```
#d823da
```
#d823da rgb(216,35,218)
```
#e219e4
```
#e219e4 rgb(226,25,228)
```
#eb10ed
```
#eb10ed rgb(235,16,237)
```
#f506f7
```
#f506f7 rgb(245,6,247)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#855585 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

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

#f506f7 hex color

#f506f7 Color Information

#f506f7 Color Conversion

Color Schemes with #f506f7

Alternatives to #f506f7

#f506f7 Preview

Shades and Tints of #f506f7

Tones of #f506f7

Color Blindness Simulator