#f700ec hex color

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

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

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

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

Hex triplet	f700ec	`#f700ec`
RGB Decimal	247, 0, 236	`rgb(247,0,236)`
RGB Percent	96.9, 0, 92.5	`rgb(96.9%,0%,92.5%)`
CMYK	0, 100, 4, 3
HSL	302.7°, 100, 48.4	`hsl(302.7,100%,48.4%)`
HSV (or HSB)	302.7°, 100, 96.9
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.879, 94.381, -54.229
XYZ	53.497, 25.834, 81.521
xyY	0.333, 0.161, 25.834
CIE-LCH	57.879, 108.851, 330.119
CIE-LUV	57.879, 85.996, -97.209
Hunter-Lab	50.827, 98.928, -59.515
Binary	11110111, 00000000, 11101100

#f700ec
```
#f700ec rgb(247,0,236)
```
#00f70b
```
#00f70b rgb(0,247,11)
```

Complementary Color

#8700f7
```
#8700f7 rgb(135,0,247)
```
#f700ec
```
#f700ec rgb(247,0,236)
```
#f70071
```
#f70071 rgb(247,0,113)
```

Analogous Color

#00f787
```
#00f787 rgb(0,247,135)
```
#f700ec
```
#f700ec rgb(247,0,236)
```
#71f700
```
#71f700 rgb(113,247,0)
```

Split Complementary Color

#00ecf7
```
#00ecf7 rgb(0,236,247)
```
#f700ec
```
#f700ec rgb(247,0,236)
```
#ecf700
```
#ecf700 rgb(236,247,0)
```

Triadic Color

#0b00f7
```
#0b00f7 rgb(11,0,247)
```
#f700ec
```
#f700ec rgb(247,0,236)
```
#ecf700
```
#ecf700 rgb(236,247,0)
```
#00f70b
```
#00f70b rgb(0,247,11)
```

Tetradic Color

#ab00a3
```
#ab00a3 rgb(171,0,163)
```
#c400bb
```
#c400bb rgb(196,0,187)
```
#de00d4
```
#de00d4 rgb(222,0,212)
```
#f700ec
```
#f700ec rgb(247,0,236)
```
#ff12f4
```
#ff12f4 rgb(255,18,244)
```
#ff2bf6
```
#ff2bf6 rgb(255,43,246)
```
#ff45f7
```
#ff45f7 rgb(255,69,247)
```

Monochromatic Color

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

#c400f7
```
#c400f7 rgb(196,0,247)
```
#d900f7
```
#d900f7 rgb(217,0,247)
```
#ed00f7
```
#ed00f7 rgb(237,0,247)
```
#f700ec
```
#f700ec rgb(247,0,236)
```
#f700d7
```
#f700d7 rgb(247,0,215)
```
#f700c3
```
#f700c3 rgb(247,0,195)
```
#f700ae
```
#f700ae rgb(247,0,174)
```

Similar Colors

Text with hexadecimal color #f700ec

This text has a font color of #f700ec.

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

#f700ec background color

This paragraph has a background color of #f700ec.

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

#f700ec border color

This element has a border color of #f700ec.

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

CSS codes

.text {color:#f700ec;}

.background {background-color:#f700ec;}

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

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

#0c000b
```
#0c000b rgb(12,0,11)
```
#1f001e
```
#1f001e rgb(31,0,30)
```
#330031
```
#330031 rgb(51,0,49)
```
#460043
```
#460043 rgb(70,0,67)
```
#5a0056
```
#5a0056 rgb(90,0,86)
```
#6e0069
```
#6e0069 rgb(110,0,105)
```
#81007c
```
#81007c rgb(129,0,124)
```
#95008e
```
#95008e rgb(149,0,142)
```
#a900a1
```
#a900a1 rgb(169,0,161)
```
#bc00b4
```
#bc00b4 rgb(188,0,180)
```
#d000c7
```
#d000c7 rgb(208,0,199)
```
#e300d9
```
#e300d9 rgb(227,0,217)
```
#f700ec
```
#f700ec rgb(247,0,236)
```

Shade Color Variation

#ff0cf4
```
#ff0cf4 rgb(255,12,244)
```
#ff1ff5
```
#ff1ff5 rgb(255,31,245)
```
#ff33f6
```
#ff33f6 rgb(255,51,246)
```
#ff46f7
```
#ff46f7 rgb(255,70,247)
```
#ff5af8
```
#ff5af8 rgb(255,90,248)
```
#ff6ef9
```
#ff6ef9 rgb(255,110,249)
```
#ff81f9
```
#ff81f9 rgb(255,129,249)
```
#ff95fa
```
#ff95fa rgb(255,149,250)
```
#ffa9fb
```
#ffa9fb rgb(255,169,251)
```
#ffbcfc
```
#ffbcfc rgb(255,188,252)
```
#ffd0fd
```
#ffd0fd rgb(255,208,253)
```
#ffe3fe
```
#ffe3fe rgb(255,227,254)
```
#fff7ff
```
#fff7ff rgb(255,247,255)
```

Tint Color Variation

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

#857284
```
#857284 rgb(133,114,132)
```
#8f698d
```
#8f698d rgb(143,105,141)
```
#985f95
```
#985f95 rgb(152,95,149)
```
#a2569e
```
#a2569e rgb(162,86,158)
```
#ab4ca7
```
#ab4ca7 rgb(171,76,167)
```
#b543af
```
#b543af rgb(181,67,175)
```
#be39b8
```
#be39b8 rgb(190,57,184)
```
#c830c1
```
#c830c1 rgb(200,48,193)
```
#d126c9
```
#d126c9 rgb(209,38,201)
```
#db1dd2
```
#db1dd2 rgb(219,29,210)
```
#e413db
```
#e413db rgb(228,19,219)
```
#ee0ae3
```
#ee0ae3 rgb(238,10,227)
```
#f700ec
```
#f700ec rgb(247,0,236)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#825180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8dff Protanopia 1% of men
#6b90d6 Deuteranopia 1% of men
#e8656b Tritanopia 0.001% of the population

Trichromacy

#8a5af8 Protanomaly 1% of men, 0.01% of women
#9d5cde Deuteranomaly 6% of men, 0.4% of women
#ee409a Tritanomaly 0.01% of the population

#f700ec hex color

#f700ec Color Information

#f700ec Color Conversion

Color Schemes with #f700ec

Alternatives to #f700ec

#f700ec Preview

Shades and Tints of #f700ec

Tones of #f700ec

Color Blindness Simulator