#f007ff hex color

In a RGB color space, hex #f007ff is composed of 94.1% red, 2.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 97.3% magenta, 0% yellow and 0% black. It has a hue angle of 296.4 degrees, a saturation of 100% and a lightness of 51.4%. #f007ff color hex could be obtained by blending #ff0eff with #e100ff. Closest websafe color is: #ff00ff.

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

● #f007ff color description : Vivid magenta.

The hexadecimal color #f007ff has RGB values of R:240, G:7, B:255 and CMYK values of C:0.06, M:0.97, Y:0, K:0. Its decimal value is 15730687.

Hex triplet	f007ff	`#f007ff`
RGB Decimal	240, 7, 255	`rgb(240,7,255)`
RGB Percent	94.1, 2.7, 100	`rgb(94.1%,2.7%,100%)`
CMYK	6, 97, 0, 0
HSL	296.4°, 100, 51.4	`hsl(296.4,100%,51.4%)`
HSV (or HSB)	296.4°, 97.3, 100
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	57.943, 95.55, -64.792
XYZ	54.06, 25.901, 96.754
xyY	0.306, 0.147, 25.901
CIE-LCH	57.943, 115.446, 325.859
CIE-LUV	57.943, 73.241, -113.174
Hunter-Lab	50.893, 100.546, -77.094
Binary	11110000, 00000111, 11111111

#f007ff
```
#f007ff rgb(240,7,255)
```
#16ff07
```
#16ff07 rgb(22,255,7)
```

Complementary Color

#7407ff
```
#7407ff rgb(116,7,255)
```
#f007ff
```
#f007ff rgb(240,7,255)
```
#ff0792
```
#ff0792 rgb(255,7,146)
```

Analogous Color

#07ff74
```
#07ff74 rgb(7,255,116)
```
#f007ff
```
#f007ff rgb(240,7,255)
```
#92ff07
```
#92ff07 rgb(146,255,7)
```

Split Complementary Color

#07fff0
```
#07fff0 rgb(7,255,240)
```
#f007ff
```
#f007ff rgb(240,7,255)
```
#fff007
```
#fff007 rgb(255,240,7)
```

Triadic Color

#0716ff
```
#0716ff rgb(7,22,255)
```
#f007ff
```
#f007ff rgb(240,7,255)
```
#fff007
```
#fff007 rgb(255,240,7)
```
#16ff07
```
#16ff07 rgb(22,255,7)
```

Tetradic Color

#ae00ba
```
#ae00ba rgb(174,0,186)
```
#c600d3
```
#c600d3 rgb(198,0,211)
```
#de00ed
```
#de00ed rgb(222,0,237)
```
#f007ff
```
#f007ff rgb(240,7,255)
```
#f221ff
```
#f221ff rgb(242,33,255)
```
#f33aff
```
#f33aff rgb(243,58,255)
```
#f554ff
```
#f554ff rgb(245,84,255)
```

Monochromatic Color

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

#b207ff
```
#b207ff rgb(178,7,255)
```
#c707ff
```
#c707ff rgb(199,7,255)
```
#db07ff
```
#db07ff rgb(219,7,255)
```
#f007ff
```
#f007ff rgb(240,7,255)
```
#ff07f9
```
#ff07f9 rgb(255,7,249)
```
#ff07e5
```
#ff07e5 rgb(255,7,229)
```
#ff07d0
```
#ff07d0 rgb(255,7,208)
```

Similar Colors

Text with hexadecimal color #f007ff

This text has a font color of #f007ff.

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

#f007ff background color

This paragraph has a background color of #f007ff.

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

#f007ff border color

This element has a border color of #f007ff.

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

CSS codes

.text {color:#f007ff;}

.background {background-color:#f007ff;}

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

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, #070007 is the darkest color, while #fef2ff is the lightest one.

#070007
```
#070007 rgb(7,0,7)
```
#19001b
```
#19001b rgb(25,0,27)
```
#2b002e
```
#2b002e rgb(43,0,46)
```
#3e0042
```
#3e0042 rgb(62,0,66)
```
#500055
```
#500055 rgb(80,0,85)
```
#630069
```
#630069 rgb(99,0,105)
```
#75007d
```
#75007d rgb(117,0,125)
```
#880090
```
#880090 rgb(136,0,144)
```
#9a00a4
```
#9a00a4 rgb(154,0,164)
```
#ac00b8
```
#ac00b8 rgb(172,0,184)
```
#bf00cb
```
#bf00cb rgb(191,0,203)
```
#d100df
```
#d100df rgb(209,0,223)
```
#e400f2
```
#e400f2 rgb(228,0,242)
```

Shade Color Variation

#f007ff
```
#f007ff rgb(240,7,255)
```
#f11bff
```
#f11bff rgb(241,27,255)
```
#f22eff
```
#f22eff rgb(242,46,255)
```
#f442ff
```
#f442ff rgb(244,66,255)
```
#f555ff
```
#f555ff rgb(245,85,255)
```
#f669ff
```
#f669ff rgb(246,105,255)
```
#f77dff
```
#f77dff rgb(247,125,255)
```
#f890ff
```
#f890ff rgb(248,144,255)
```
#f9a4ff
```
#f9a4ff rgb(249,164,255)
```
#fbb8ff
```
#fbb8ff rgb(251,184,255)
```
#fccbff
```
#fccbff rgb(252,203,255)
```
#fddfff
```
#fddfff rgb(253,223,255)
```
#fef2ff
```
#fef2ff rgb(254,242,255)
```

Tint Color Variation

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

#8b798d
```
#8b798d rgb(139,121,141)
```
#947096
```
#947096 rgb(148,112,150)
```
#9c66a0
```
#9c66a0 rgb(156,102,160)
```
#a55da9
```
#a55da9 rgb(165,93,169)
```
#ad53b3
```
#ad53b3 rgb(173,83,179)
```
#b54abc
```
#b54abc rgb(181,74,188)
```
#be40c6
```
#be40c6 rgb(190,64,198)
```
#c637cf
```
#c637cf rgb(198,55,207)
```
#ce2dd9
```
#ce2dd9 rgb(206,45,217)
```
#d724e2
```
#d724e2 rgb(215,36,226)
```
#df1aec
```
#df1aec rgb(223,26,236)
```
#e811f5
```
#e811f5 rgb(232,17,245)
```
#f007ff
```
#f007ff rgb(240,7,255)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#845587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b8dff Protanopia 1% of men
#5192e6 Deuteranopia 1% of men
#de6d74 Tritanopia 0.001% of the population

Trichromacy

#875cff Protanomaly 1% of men, 0.01% of women
#8a5fef Deuteranomaly 6% of men, 0.4% of women
#e448a6 Tritanomaly 0.01% of the population

#f007ff hex color

#f007ff Color Information

#f007ff Color Conversion

Color Schemes with #f007ff

Alternatives to #f007ff

#f007ff Preview

Shades and Tints of #f007ff

Tones of #f007ff

Color Blindness Simulator