#f701f0 hex color

In a RGB color space, hex #f701f0 is composed of 96.9% red, 0.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 2.8% yellow and 3.1% black. It has a hue angle of 301.7 degrees, a saturation of 99.2% and a lightness of 48.6%. #f701f0 color hex could be obtained by blending #ff02ff with #ef00e1. Closest websafe color is: #ff00ff.

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

● #f701f0 color description : Vivid magenta.

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

Hex triplet	f701f0	`#f701f0`
RGB Decimal	247, 1, 240	`rgb(247,1,240)`
RGB Percent	96.9, 0.4, 94.1	`rgb(96.9%,0.4%,94.1%)`
CMYK	0, 100, 3, 3
HSL	301.7°, 99.2, 48.6	`hsl(301.7,99.2%,48.6%)`
HSV (or HSB)	301.7°, 99.6, 96.9
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.123, 94.863, -56.081
XYZ	54.096, 26.091, 84.62
xyY	0.328, 0.158, 26.091
CIE-LCH	58.123, 110.2, 329.409
CIE-LUV	58.123, 84.309, -100.159
Hunter-Lab	51.079, 99.652, -62.467
Binary	11110111, 00000001, 11110000

#f701f0
```
#f701f0 rgb(247,1,240)
```
#01f708
```
#01f708 rgb(1,247,8)
```

Complementary Color

#8301f7
```
#8301f7 rgb(131,1,247)
```
#f701f0
```
#f701f0 rgb(247,1,240)
```
#f70175
```
#f70175 rgb(247,1,117)
```

Analogous Color

#01f783
```
#01f783 rgb(1,247,131)
```
#f701f0
```
#f701f0 rgb(247,1,240)
```
#75f701
```
#75f701 rgb(117,247,1)
```

Split Complementary Color

#01f0f7
```
#01f0f7 rgb(1,240,247)
```
#f701f0
```
#f701f0 rgb(247,1,240)
```
#f0f701
```
#f0f701 rgb(240,247,1)
```

Triadic Color

#0801f7
```
#0801f7 rgb(8,1,247)
```
#f701f0
```
#f701f0 rgb(247,1,240)
```
#f0f701
```
#f0f701 rgb(240,247,1)
```
#01f708
```
#01f708 rgb(1,247,8)
```

Tetradic Color

#ab01a6
```
#ab01a6 rgb(171,1,166)
```
#c401bf
```
#c401bf rgb(196,1,191)
```
#de01d7
```
#de01d7 rgb(222,1,215)
```
#f701f0
```
#f701f0 rgb(247,1,240)
```
#fe13f7
```
#fe13f7 rgb(254,19,247)
```
#fe2df8
```
#fe2df8 rgb(254,45,248)
```
#fe46f9
```
#fe46f9 rgb(254,70,249)
```

Monochromatic Color

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

#c101f7
```
#c101f7 rgb(193,1,247)
```
#d501f7
```
#d501f7 rgb(213,1,247)
```
#ea01f7
```
#ea01f7 rgb(234,1,247)
```
#f701f0
```
#f701f0 rgb(247,1,240)
```
#f701dc
```
#f701dc rgb(247,1,220)
```
#f701c7
```
#f701c7 rgb(247,1,199)
```
#f701b3
```
#f701b3 rgb(247,1,179)
```

Similar Colors

Text with hexadecimal color #f701f0

This text has a font color of #f701f0.

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

#f701f0 background color

This paragraph has a background color of #f701f0.

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

#f701f0 border color

This element has a border color of #f701f0.

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

CSS codes

.text {color:#f701f0;}

.background {background-color:#f701f0;}

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

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

#0d000c
```
#0d000c rgb(13,0,12)
```
#20001f
```
#20001f rgb(32,0,31)
```
#340032
```
#340032 rgb(52,0,50)
```
#470045
```
#470045 rgb(71,0,69)
```
#5b0058
```
#5b0058 rgb(91,0,88)
```
#6e006b
```
#6e006b rgb(110,0,107)
```
#82017e
```
#82017e rgb(130,1,126)
```
#950191
```
#950191 rgb(149,1,145)
```
#a901a4
```
#a901a4 rgb(169,1,164)
```
#bc01b7
```
#bc01b7 rgb(188,1,183)
```
#d001ca
```
#d001ca rgb(208,1,202)
```
#e301dd
```
#e301dd rgb(227,1,221)
```
#f701f0
```
#f701f0 rgb(247,1,240)
```

Shade Color Variation

#fe0ef7
```
#fe0ef7 rgb(254,14,247)
```
#fe21f8
```
#fe21f8 rgb(254,33,248)
```
#fe35f8
```
#fe35f8 rgb(254,53,248)
```
#fe48f9
```
#fe48f9 rgb(254,72,249)
```
#fe5cfa
```
#fe5cfa rgb(254,92,250)
```
#fe6ffa
```
#fe6ffa rgb(254,111,250)
```
#fe83fb
```
#fe83fb rgb(254,131,251)
```
#ff96fc
```
#ff96fc rgb(255,150,252)
```
#ffaafc
```
#ffaafc rgb(255,170,252)
```
#ffbdfd
```
#ffbdfd rgb(255,189,253)
```
#ffd1fe
```
#ffd1fe rgb(255,209,254)
```
#ffe4fe
```
#ffe4fe rgb(255,228,254)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#857384
```
#857384 rgb(133,115,132)
```
#8e6a8d
```
#8e6a8d rgb(142,106,141)
```
#986096
```
#986096 rgb(152,96,150)
```
#a1579f
```
#a1579f rgb(161,87,159)
```
#ab4da8
```
#ab4da8 rgb(171,77,168)
```
#b444b1
```
#b444b1 rgb(180,68,177)
```
#be3aba
```
#be3aba rgb(190,58,186)
```
#c731c3
```
#c731c3 rgb(199,49,195)
```
#d127cc
```
#d127cc rgb(209,39,204)
```
#da1ed5
```
#da1ed5 rgb(218,30,213)
```
#e414de
```
#e414de rgb(228,20,222)
```
#ed0be7
```
#ed0be7 rgb(237,11,231)
```
#f701f0
```
#f701f0 rgb(247,1,240)
```

Tone Color Variation

Below, you can see how #f701f0 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
#835282 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8eff Protanopia 1% of men
#6891d9 Deuteranopia 1% of men
#e8676d Tritanopia 0.001% of the population

Trichromacy

#8b5af9 Protanomaly 1% of men, 0.01% of women
#9c5de1 Deuteranomaly 6% of men, 0.4% of women
#ed419c Tritanomaly 0.01% of the population

#f701f0 hex color

#f701f0 Color Information

#f701f0 Color Conversion

Color Schemes with #f701f0

Alternatives to #f701f0

#f701f0 Preview

Shades and Tints of #f701f0

Tones of #f701f0

Color Blindness Simulator