#f700ff hex color

In a RGB color space, hex #f700ff is composed of 96.9% red, 0% green and 100% blue. Whereas in a CMYK color space, it is composed of 3.1% cyan, 100% magenta, 0% yellow and 0% black. It has a hue angle of 298.1 degrees, a saturation of 100% and a lightness of 50%. #f700ff color hex could be obtained by blending #ff00ff with #ef00ff. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 97
- G 0
- B 100
RGB color chart
- C 3
- M 100
- Y 0
- K 0
CMYK color chart

● #f700ff color description : Pure (or mostly pure) magenta.

The hexadecimal color #f700ff has RGB values of R:247, G:0, B:255 and CMYK values of C:0.03, M:1, Y:0, K:0. Its decimal value is 16187647.

Hex triplet	f700ff	`#f700ff`
RGB Decimal	247, 0, 255	`rgb(247,0,255)`
RGB Percent	96.9, 0, 100	`rgb(96.9%,0%,100%)`
CMYK	3, 100, 0, 0
HSL	298.1°, 100, 50	`hsl(298.1,100%,50%)`
HSV (or HSB)	298.1°, 100, 100
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.972, 97.021, -63.075
XYZ	56.406, 26.998, 96.843
xyY	0.313, 0.15, 26.998
CIE-LCH	58.972, 115.722, 326.971
CIE-LUV	58.972, 78.376, -111.302
Hunter-Lab	51.96, 102.847, -74.133
Binary	11110111, 00000000, 11111111

#f700ff
```
#f700ff rgb(247,0,255)
```
#08ff00
```
#08ff00 rgb(8,255,0)
```

Complementary Color

#7800ff
```
#7800ff rgb(120,0,255)
```
#f700ff
```
#f700ff rgb(247,0,255)
```
#ff0088
```
#ff0088 rgb(255,0,136)
```

Analogous Color

#00ff78
```
#00ff78 rgb(0,255,120)
```
#f700ff
```
#f700ff rgb(247,0,255)
```
#88ff00
```
#88ff00 rgb(136,255,0)
```

Split Complementary Color

#00fff7
```
#00fff7 rgb(0,255,247)
```
#f700ff
```
#f700ff rgb(247,0,255)
```
#fff700
```
#fff700 rgb(255,247,0)
```

Triadic Color

#0008ff
```
#0008ff rgb(0,8,255)
```
#f700ff
```
#f700ff rgb(247,0,255)
```
#fff700
```
#fff700 rgb(255,247,0)
```
#08ff00
```
#08ff00 rgb(8,255,0)
```

Tetradic Color

#ad00b3
```
#ad00b3 rgb(173,0,179)
```
#c600cc
```
#c600cc rgb(198,0,204)
```
#de00e6
```
#de00e6 rgb(222,0,230)
```
#f700ff
```
#f700ff rgb(247,0,255)
```
#f81aff
```
#f81aff rgb(248,26,255)
```
#f933ff
```
#f933ff rgb(249,51,255)
```
#f94dff
```
#f94dff rgb(249,77,255)
```

Monochromatic Color

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

#b700ff
```
#b700ff rgb(183,0,255)
```
#cd00ff
```
#cd00ff rgb(205,0,255)
```
#e200ff
```
#e200ff rgb(226,0,255)
```
#f700ff
```
#f700ff rgb(247,0,255)
```
#ff00f2
```
#ff00f2 rgb(255,0,242)
```
#ff00dd
```
#ff00dd rgb(255,0,221)
```
#ff00c7
```
#ff00c7 rgb(255,0,199)
```

Similar Colors

Text with hexadecimal color #f700ff

This text has a font color of #f700ff.

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

#f700ff background color

This paragraph has a background color of #f700ff.

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

#f700ff border color

This element has a border color of #f700ff.

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

CSS codes

.text {color:#f700ff;}

.background {background-color:#f700ff;}

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

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

#130014
```
#130014 rgb(19,0,20)
```
#260027
```
#260027 rgb(38,0,39)
```
#39003b
```
#39003b rgb(57,0,59)
```
#4c004e
```
#4c004e rgb(76,0,78)
```
#5f0062
```
#5f0062 rgb(95,0,98)
```
#720076
```
#720076 rgb(114,0,118)
```
#850089
```
#850089 rgb(133,0,137)
```
#98009d
```
#98009d rgb(152,0,157)
```
#ab00b1
```
#ab00b1 rgb(171,0,177)
```
#be00c4
```
#be00c4 rgb(190,0,196)
```
#d100d8
```
#d100d8 rgb(209,0,216)
```
#e400eb
```
#e400eb rgb(228,0,235)
```
#f700ff
```
#f700ff rgb(247,0,255)
```

Shade Color Variation

#f814ff
```
#f814ff rgb(248,20,255)
```
#f827ff
```
#f827ff rgb(248,39,255)
```
#f93bff
```
#f93bff rgb(249,59,255)
```
#f94eff
```
#f94eff rgb(249,78,255)
```
#fa62ff
```
#fa62ff rgb(250,98,255)
```
#fb76ff
```
#fb76ff rgb(251,118,255)
```
#fb89ff
```
#fb89ff rgb(251,137,255)
```
#fc9dff
```
#fc9dff rgb(252,157,255)
```
#fdb1ff
```
#fdb1ff rgb(253,177,255)
```
#fdc4ff
```
#fdc4ff rgb(253,196,255)
```
#fed8ff
```
#fed8ff rgb(254,216,255)
```
#feebff
```
#feebff rgb(254,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#897689
```
#897689 rgb(137,118,137)
```
#926c93
```
#926c93 rgb(146,108,147)
```
#9b629d
```
#9b629d rgb(155,98,157)
```
#a458a7
```
#a458a7 rgb(164,88,167)
```
#ad4eb1
```
#ad4eb1 rgb(173,78,177)
```
#b745ba
```
#b745ba rgb(183,69,186)
```
#c03bc4
```
#c03bc4 rgb(192,59,196)
```
#c931ce
```
#c931ce rgb(201,49,206)
```
#d227d8
```
#d227d8 rgb(210,39,216)
```
#db1de2
```
#db1de2 rgb(219,29,226)
```
#e514eb
```
#e514eb rgb(229,20,235)
```
#ee0af5
```
#ee0af5 rgb(238,10,245)
```
#f700ff
```
#f700ff rgb(247,0,255)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#845285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5390ff Protanopia 1% of men
#5a94e6 Deuteranopia 1% of men
#e66d73 Tritanopia 0.001% of the population

Trichromacy

#8f5bff Protanomaly 1% of men, 0.01% of women
#935eef Deuteranomaly 6% of men, 0.4% of women
#ec45a6 Tritanomaly 0.01% of the population

#f700ff hex color

#f700ff Color Information

#f700ff Color Conversion

Color Schemes with #f700ff

Alternatives to #f700ff

#f700ff Preview

Shades and Tints of #f700ff

Tones of #f700ff

Color Blindness Simulator