#f700de hex color

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

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

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

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

Hex triplet	f700de	`#f700de`
RGB Decimal	247, 0, 222	`rgb(247,0,222)`
RGB Percent	96.9, 0, 87.1	`rgb(96.9%,0%,87.1%)`
CMYK	0, 100, 10, 3
HSL	306.1°, 100, 48.4	`hsl(306.1,100%,48.4%)`
HSV (or HSB)	306.1°, 100, 96.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.126, 92.536, -47.535
XYZ	51.542, 25.052, 71.224
xyY	0.349, 0.169, 25.052
CIE-LCH	57.126, 104.031, 332.811
CIE-LUV	57.126, 91.937, -86.583
Hunter-Lab	50.052, 96.222, -49.333
Binary	11110111, 00000000, 11011110

#f700de
```
#f700de rgb(247,0,222)
```
#00f719
```
#00f719 rgb(0,247,25)
```

Complementary Color

#9500f7
```
#9500f7 rgb(149,0,247)
```
#f700de
```
#f700de rgb(247,0,222)
```
#f70063
```
#f70063 rgb(247,0,99)
```

Analogous Color

#00f795
```
#00f795 rgb(0,247,149)
```
#f700de
```
#f700de rgb(247,0,222)
```
#63f700
```
#63f700 rgb(99,247,0)
```

Split Complementary Color

#00def7
```
#00def7 rgb(0,222,247)
```
#f700de
```
#f700de rgb(247,0,222)
```
#def700
```
#def700 rgb(222,247,0)
```

Triadic Color

#1900f7
```
#1900f7 rgb(25,0,247)
```
#f700de
```
#f700de rgb(247,0,222)
```
#def700
```
#def700 rgb(222,247,0)
```
#00f719
```
#00f719 rgb(0,247,25)
```

Tetradic Color

#ab0099
```
#ab0099 rgb(171,0,153)
```
#c400b0
```
#c400b0 rgb(196,0,176)
```
#de00c7
```
#de00c7 rgb(222,0,199)
```
#f700de
```
#f700de rgb(247,0,222)
```
#ff12e7
```
#ff12e7 rgb(255,18,231)
```
#ff2bea
```
#ff2bea rgb(255,43,234)
```
#ff45ec
```
#ff45ec rgb(255,69,236)
```

Monochromatic Color

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

#d200f7
```
#d200f7 rgb(210,0,247)
```
#e700f7
```
#e700f7 rgb(231,0,247)
```
#f700f3
```
#f700f3 rgb(247,0,243)
```
#f700de
```
#f700de rgb(247,0,222)
```
#f700c9
```
#f700c9 rgb(247,0,201)
```
#f700b5
```
#f700b5 rgb(247,0,181)
```
#f700a0
```
#f700a0 rgb(247,0,160)
```

Similar Colors

Text with hexadecimal color #f700de

This text has a font color of #f700de.

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

#f700de background color

This paragraph has a background color of #f700de.

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

#f700de border color

This element has a border color of #f700de.

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

CSS codes

.text {color:#f700de;}

.background {background-color:#f700de;}

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

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

#0c000a
```
#0c000a rgb(12,0,10)
```
#1f001c
```
#1f001c rgb(31,0,28)
```
#33002e
```
#33002e rgb(51,0,46)
```
#46003f
```
#46003f rgb(70,0,63)
```
#5a0051
```
#5a0051 rgb(90,0,81)
```
#6e0063
```
#6e0063 rgb(110,0,99)
```
#810074
```
#810074 rgb(129,0,116)
```
#950086
```
#950086 rgb(149,0,134)
```
#a90097
```
#a90097 rgb(169,0,151)
```
#bc00a9
```
#bc00a9 rgb(188,0,169)
```
#d000bb
```
#d000bb rgb(208,0,187)
```
#e300cc
```
#e300cc rgb(227,0,204)
```
#f700de
```
#f700de rgb(247,0,222)
```

Shade Color Variation

#ff0ce6
```
#ff0ce6 rgb(255,12,230)
```
#ff1fe8
```
#ff1fe8 rgb(255,31,232)
```
#ff33ea
```
#ff33ea rgb(255,51,234)
```
#ff46ec
```
#ff46ec rgb(255,70,236)
```
#ff5aee
```
#ff5aee rgb(255,90,238)
```
#ff6ef0
```
#ff6ef0 rgb(255,110,240)
```
#ff81f2
```
#ff81f2 rgb(255,129,242)
```
#ff95f4
```
#ff95f4 rgb(255,149,244)
```
#ffa9f6
```
#ffa9f6 rgb(255,169,246)
```
#ffbcf8
```
#ffbcf8 rgb(255,188,248)
```
#ffd0fa
```
#ffd0fa rgb(255,208,250)
```
#ffe3fc
```
#ffe3fc rgb(255,227,252)
```
#fff7fe
```
#fff7fe rgb(255,247,254)
```

Tint Color Variation

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

#857283
```
#857283 rgb(133,114,131)
```
#8f698b
```
#8f698b rgb(143,105,139)
```
#985f92
```
#985f92 rgb(152,95,146)
```
#a2569a
```
#a2569a rgb(162,86,154)
```
#ab4ca1
```
#ab4ca1 rgb(171,76,161)
```
#b543a9
```
#b543a9 rgb(181,67,169)
```
#be39b1
```
#be39b1 rgb(190,57,177)
```
#c830b8
```
#c830b8 rgb(200,48,184)
```
#d126c0
```
#d126c0 rgb(209,38,192)
```
#db1dc7
```
#db1dc7 rgb(219,29,199)
```
#e413cf
```
#e413cf rgb(228,19,207)
```
#ee0ad6
```
#ee0ad6 rgb(238,10,214)
```
#f700de
```
#f700de rgb(247,0,222)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#814f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#468bff Protanopia 1% of men
#748eca Deuteranopia 1% of men
#ea5f65 Tritanopia 0.001% of the population

Trichromacy

#8658f3 Protanomaly 1% of men, 0.01% of women
#a35ad1 Deuteranomaly 6% of men, 0.4% of women
#ef3c91 Tritanomaly 0.01% of the population

#f700de hex color

#f700de Color Information

#f700de Color Conversion

Color Schemes with #f700de

Alternatives to #f700de

#f700de Preview

Shades and Tints of #f700de

Tones of #f700de

Color Blindness Simulator