#f700f8 hex color

In a RGB color space, hex #f700f8 is composed of 96.9% red, 0% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 100% magenta, 0% yellow and 2.7% black. It has a hue angle of 299.8 degrees, a saturation of 100% and a lightness of 48.6%. #f700f8 color hex could be obtained by blending #ff00ff with #ef00f1. Closest websafe color is: #ff00ff.

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

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

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

Hex triplet	f700f8	`#f700f8`
RGB Decimal	247, 0, 248	`rgb(247,0,248)`
RGB Percent	96.9, 0, 97.3	`rgb(96.9%,0%,97.3%)`
CMYK	0, 100, 0, 3
HSL	299.8°, 100, 48.6	`hsl(299.8,100%,48.6%)`
HSV (or HSB)	299.8°, 100, 97.3
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.56, 96.031, -59.847
XYZ	55.3, 26.555, 91.015
xyY	0.32, 0.154, 26.555
CIE-LCH	58.56, 113.153, 328.068
CIE-LUV	58.56, 81.123, -106.157
Hunter-Lab	51.532, 101.371, -68.645
Binary	11110111, 00000000, 11111000

#f700f8
```
#f700f8 rgb(247,0,248)
```
#01f800
```
#01f800 rgb(1,248,0)
```

Complementary Color

#7b00f8
```
#7b00f8 rgb(123,0,248)
```
#f700f8
```
#f700f8 rgb(247,0,248)
```
#f8007d
```
#f8007d rgb(248,0,125)
```

Analogous Color

#00f87b
```
#00f87b rgb(0,248,123)
```
#f700f8
```
#f700f8 rgb(247,0,248)
```
#7df800
```
#7df800 rgb(125,248,0)
```

Split Complementary Color

#00f8f7
```
#00f8f7 rgb(0,248,247)
```
#f700f8
```
#f700f8 rgb(247,0,248)
```
#f8f700
```
#f8f700 rgb(248,247,0)
```

Triadic Color

#0001f8
```
#0001f8 rgb(0,1,248)
```
#f700f8
```
#f700f8 rgb(247,0,248)
```
#f8f700
```
#f8f700 rgb(248,247,0)
```
#01f800
```
#01f800 rgb(1,248,0)
```

Tetradic Color

#ab00ac
```
#ab00ac rgb(171,0,172)
```
#c400c5
```
#c400c5 rgb(196,0,197)
```
#de00df
```
#de00df rgb(222,0,223)
```
#f700f8
```
#f700f8 rgb(247,0,248)
```
#fe13ff
```
#fe13ff rgb(254,19,255)
```
#fe2cff
```
#fe2cff rgb(254,44,255)
```
#fe46ff
```
#fe46ff rgb(254,70,255)
```

Monochromatic Color

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

#b900f8
```
#b900f8 rgb(185,0,248)
```
#ce00f8
```
#ce00f8 rgb(206,0,248)
```
#e200f8
```
#e200f8 rgb(226,0,248)
```
#f700f8
```
#f700f8 rgb(247,0,248)
```
#f800e4
```
#f800e4 rgb(248,0,228)
```
#f800d0
```
#f800d0 rgb(248,0,208)
```
#f800bb
```
#f800bb rgb(248,0,187)
```

Similar Colors

Text with hexadecimal color #f700f8

This text has a font color of #f700f8.

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

#f700f8 background color

This paragraph has a background color of #f700f8.

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

#f700f8 border color

This element has a border color of #f700f8.

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

CSS codes

.text {color:#f700f8;}

.background {background-color:#f700f8;}

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

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

#0d000d
```
#0d000d rgb(13,0,13)
```
#200020
```
#200020 rgb(32,0,32)
```
#340034
```
#340034 rgb(52,0,52)
```
#470047
```
#470047 rgb(71,0,71)
```
#5b005b
```
#5b005b rgb(91,0,91)
```
#6e006f
```
#6e006f rgb(110,0,111)
```
#820082
```
#820082 rgb(130,0,130)
```
#950096
```
#950096 rgb(149,0,150)
```
#a900aa
```
#a900aa rgb(169,0,170)
```
#bc00bd
```
#bc00bd rgb(188,0,189)
```
#d000d1
```
#d000d1 rgb(208,0,209)
```
#e300e4
```
#e300e4 rgb(227,0,228)
```
#f700f8
```
#f700f8 rgb(247,0,248)
```

Shade Color Variation

#fe0dff
```
#fe0dff rgb(254,13,255)
```
#fe20ff
```
#fe20ff rgb(254,32,255)
```
#fe34ff
```
#fe34ff rgb(254,52,255)
```
#fe47ff
```
#fe47ff rgb(254,71,255)
```
#fe5bff
```
#fe5bff rgb(254,91,255)
```
#fe6fff
```
#fe6fff rgb(254,111,255)
```
#fe82ff
```
#fe82ff rgb(254,130,255)
```
#ff96ff
```
#ff96ff rgb(255,150,255)
```
#ffaaff
```
#ffaaff rgb(255,170,255)
```
#ffbdff
```
#ffbdff rgb(255,189,255)
```
#ffd1ff
```
#ffd1ff rgb(255,209,255)
```
#ffe4ff
```
#ffe4ff rgb(255,228,255)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#857286
```
#857286 rgb(133,114,134)
```
#8f698f
```
#8f698f rgb(143,105,143)
```
#985f99
```
#985f99 rgb(152,95,153)
```
#a256a2
```
#a256a2 rgb(162,86,162)
```
#ab4cac
```
#ab4cac rgb(171,76,172)
```
#b543b5
```
#b543b5 rgb(181,67,181)
```
#be39bf
```
#be39bf rgb(190,57,191)
```
#c830c8
```
#c830c8 rgb(200,48,200)
```
#d126d2
```
#d126d2 rgb(209,38,210)
```
#db1ddb
```
#db1ddb rgb(219,29,219)
```
#e413e5
```
#e413e5 rgb(228,19,229)
```
#ee0aee
```
#ee0aee rgb(238,10,238)
```
#f700f8
```
#f700f8 rgb(247,0,248)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#835283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#508fff Protanopia 1% of men
#6193e0 Deuteranopia 1% of men
#e76a70 Tritanopia 0.001% of the population

Trichromacy

#8d5bfc Protanomaly 1% of men, 0.01% of women
#975de9 Deuteranomaly 6% of men, 0.4% of women
#ec43a1 Tritanomaly 0.01% of the population

#f700f8 hex color

#f700f8 Color Information

#f700f8 Color Conversion

Color Schemes with #f700f8

Alternatives to #f700f8

#f700f8 Preview

Shades and Tints of #f700f8

Tones of #f700f8

Color Blindness Simulator