colorhexa.com

#f700df hex color

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

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

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

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

Hex triplet	f700df	`#f700df`
RGB Decimal	247, 0, 223	`rgb(247,0,223)`
RGB Percent	96.9, 0, 87.5	`rgb(96.9%,0%,87.5%)`
CMYK	0, 100, 10, 3
HSL	305.8°, 100, 48.4	`hsl(305.8,100%,48.4%)`
HSV (or HSB)	305.8°, 100, 96.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.179, 92.664, -48.018
XYZ	51.677, 25.106, 71.932
xyY	0.347, 0.169, 25.106
CIE-LCH	57.179, 104.367, 332.607
CIE-LUV	57.179, 91.504, -87.348
Hunter-Lab	50.106, 96.41, -50.043
Binary	11110111, 00000000, 11011111

#f700df
```
#f700df rgb(247,0,223)
```
#00f718
```
#00f718 rgb(0,247,24)
```

Complementary Color

#9400f7
```
#9400f7 rgb(148,0,247)
```
#f700df
```
#f700df rgb(247,0,223)
```
#f70064
```
#f70064 rgb(247,0,100)
```

Analogous Color

#00f794
```
#00f794 rgb(0,247,148)
```
#f700df
```
#f700df rgb(247,0,223)
```
#64f700
```
#64f700 rgb(100,247,0)
```

Split Complementary Color

#00dff7
```
#00dff7 rgb(0,223,247)
```
#f700df
```
#f700df rgb(247,0,223)
```
#dff700
```
#dff700 rgb(223,247,0)
```

Triadic Color

#ab009a
```
#ab009a rgb(171,0,154)
```
#c400b1
```
#c400b1 rgb(196,0,177)
```
#de00c8
```
#de00c8 rgb(222,0,200)
```
#f700df
```
#f700df rgb(247,0,223)
```
#ff12e8
```
#ff12e8 rgb(255,18,232)
```
#ff2bea
```
#ff2bea rgb(255,43,234)
```
#ff45ed
```
#ff45ed rgb(255,69,237)
```

Monochromatic Color

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

#d100f7
```
#d100f7 rgb(209,0,247)
```
#e600f7
```
#e600f7 rgb(230,0,247)
```
#f700f4
```
#f700f4 rgb(247,0,244)
```
#f700df
```
#f700df rgb(247,0,223)
```
#f700ca
```
#f700ca rgb(247,0,202)
```
#f700b6
```
#f700b6 rgb(247,0,182)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```

Similar Colors

Text with hexadecimal color #f700df

This text has a font color of #f700df.

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

#f700df background color

This paragraph has a background color of #f700df.

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

#f700df border color

This element has a border color of #f700df.

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

CSS codes

.text {color:#f700df;}

.background {background-color:#f700df;}

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

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)
```
#460040
```
#460040 rgb(70,0,64)
```
#5a0051
```
#5a0051 rgb(90,0,81)
```
#6e0063
```
#6e0063 rgb(110,0,99)
```
#810075
```
#810075 rgb(129,0,117)
```
#950086
```
#950086 rgb(149,0,134)
```
#a90098
```
#a90098 rgb(169,0,152)
```
#bc00aa
```
#bc00aa rgb(188,0,170)
```
#d000bc
```
#d000bc rgb(208,0,188)
```
#e300cd
```
#e300cd rgb(227,0,205)
```
#f700df
```
#f700df rgb(247,0,223)
```

Shade Color Variation

#ff0ce7
```
#ff0ce7 rgb(255,12,231)
```
#ff1fe9
```
#ff1fe9 rgb(255,31,233)
```
#ff33eb
```
#ff33eb rgb(255,51,235)
```
#ff46ed
```
#ff46ed rgb(255,70,237)
```
#ff5aef
```
#ff5aef rgb(255,90,239)
```
#ff6ef1
```
#ff6ef1 rgb(255,110,241)
```
#ff81f3
```
#ff81f3 rgb(255,129,243)
```
#ff95f5
```
#ff95f5 rgb(255,149,245)
```
#ffa9f7
```
#ffa9f7 rgb(255,169,247)
```
#ffbcf9
```
#ffbcf9 rgb(255,188,249)
```
#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 #f700df 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)
```
#ab4ca2
```
#ab4ca2 rgb(171,76,162)
```
#b543a9
```
#b543a9 rgb(181,67,169)
```
#be39b1
```
#be39b1 rgb(190,57,177)
```
#c830b9
```
#c830b9 rgb(200,48,185)
```
#d126c0
```
#d126c0 rgb(209,38,192)
```
#db1dc8
```
#db1dc8 rgb(219,29,200)
```
#e413d0
```
#e413d0 rgb(228,19,208)
```
#ee0ad7
```
#ee0ad7 rgb(238,10,215)
```
#f700df
```
#f700df rgb(247,0,223)
```

Tone Color Variation

Below, you can see how #f700df 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
#738ecb Deuteranopia 1% of men
#ea6065 Tritanopia 0.001% of the population

Trichromacy

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