#f700bf hex color

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

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

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

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

Hex triplet	f700bf	`#f700bf`
RGB Decimal	247, 0, 191	`rgb(247,0,191)`
RGB Percent	96.9, 0, 74.9	`rgb(96.9%,0%,74.9%)`
CMYK	0, 100, 23, 3
HSL	313.6°, 100, 48.4	`hsl(313.6,100%,48.4%)`
HSV (or HSB)	313.6°, 100, 96.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.624, 88.787, -32.152
XYZ	47.762, 23.54, 51.316
xyY	0.39, 0.192, 23.54
CIE-LCH	55.624, 94.429, 340.094
CIE-LUV	55.624, 105.942, -62.531
Hunter-Lab	48.518, 90.811, -28.746
Binary	11110111, 00000000, 10111111

#f700bf
```
#f700bf rgb(247,0,191)
```
#00f738
```
#00f738 rgb(0,247,56)
```

Complementary Color

#b400f7
```
#b400f7 rgb(180,0,247)
```
#f700bf
```
#f700bf rgb(247,0,191)
```
#f70044
```
#f70044 rgb(247,0,68)
```

Analogous Color

#00f7b4
```
#00f7b4 rgb(0,247,180)
```
#f700bf
```
#f700bf rgb(247,0,191)
```
#44f700
```
#44f700 rgb(68,247,0)
```

Split Complementary Color

#00bff7
```
#00bff7 rgb(0,191,247)
```
#f700bf
```
#f700bf rgb(247,0,191)
```
#bff700
```
#bff700 rgb(191,247,0)
```

Triadic Color

#3800f7
```
#3800f7 rgb(56,0,247)
```
#f700bf
```
#f700bf rgb(247,0,191)
```
#bff700
```
#bff700 rgb(191,247,0)
```
#00f738
```
#00f738 rgb(0,247,56)
```

Tetradic Color

#ab0084
```
#ab0084 rgb(171,0,132)
```
#c40098
```
#c40098 rgb(196,0,152)
```
#de00ab
```
#de00ab rgb(222,0,171)
```
#f700bf
```
#f700bf rgb(247,0,191)
```
#ff12c9
```
#ff12c9 rgb(255,18,201)
```
#ff2bcf
```
#ff2bcf rgb(255,43,207)
```
#ff45d5
```
#ff45d5 rgb(255,69,213)
```

Monochromatic Color

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

#f100f7
```
#f100f7 rgb(241,0,247)
```
#f700e8
```
#f700e8 rgb(247,0,232)
```
#f700d4
```
#f700d4 rgb(247,0,212)
```
#f700bf
```
#f700bf rgb(247,0,191)
```
#f700aa
```
#f700aa rgb(247,0,170)
```
#f70096
```
#f70096 rgb(247,0,150)
```
#f70081
```
#f70081 rgb(247,0,129)
```

Similar Colors

Text with hexadecimal color #f700bf

This text has a font color of #f700bf.

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

#f700bf background color

This paragraph has a background color of #f700bf.

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

#f700bf border color

This element has a border color of #f700bf.

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

CSS codes

.text {color:#f700bf;}

.background {background-color:#f700bf;}

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

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

#0c0009
```
#0c0009 rgb(12,0,9)
```
#1f0018
```
#1f0018 rgb(31,0,24)
```
#330027
```
#330027 rgb(51,0,39)
```
#460036
```
#460036 rgb(70,0,54)
```
#5a0046
```
#5a0046 rgb(90,0,70)
```
#6e0055
```
#6e0055 rgb(110,0,85)
```
#810064
```
#810064 rgb(129,0,100)
```
#950073
```
#950073 rgb(149,0,115)
```
#a90082
```
#a90082 rgb(169,0,130)
```
#bc0091
```
#bc0091 rgb(188,0,145)
```
#d000a1
```
#d000a1 rgb(208,0,161)
```
#e300b0
```
#e300b0 rgb(227,0,176)
```
#f700bf
```
#f700bf rgb(247,0,191)
```

Shade Color Variation

#ff0cc8
```
#ff0cc8 rgb(255,12,200)
```
#ff1fcc
```
#ff1fcc rgb(255,31,204)
```
#ff33d1
```
#ff33d1 rgb(255,51,209)
```
#ff46d5
```
#ff46d5 rgb(255,70,213)
```
#ff5ada
```
#ff5ada rgb(255,90,218)
```
#ff6ede
```
#ff6ede rgb(255,110,222)
```
#ff81e3
```
#ff81e3 rgb(255,129,227)
```
#ff95e7
```
#ff95e7 rgb(255,149,231)
```
#ffa9eb
```
#ffa9eb rgb(255,169,235)
```
#ffbcf0
```
#ffbcf0 rgb(255,188,240)
```
#ffd0f4
```
#ffd0f4 rgb(255,208,244)
```
#ffe3f9
```
#ffe3f9 rgb(255,227,249)
```
#fff7fd
```
#fff7fd rgb(255,247,253)
```

Tint Color Variation

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

#857281
```
#857281 rgb(133,114,129)
```
#8f6986
```
#8f6986 rgb(143,105,134)
```
#985f8b
```
#985f8b rgb(152,95,139)
```
#a25690
```
#a25690 rgb(162,86,144)
```
#ab4c95
```
#ab4c95 rgb(171,76,149)
```
#b5439b
```
#b5439b rgb(181,67,155)
```
#be39a0
```
#be39a0 rgb(190,57,160)
```
#c830a5
```
#c830a5 rgb(200,48,165)
```
#d126aa
```
#d126aa rgb(209,38,170)
```
#db1daf
```
#db1daf rgb(219,29,175)
```
#e413b5
```
#e413b5 rgb(228,19,181)
```
#ee0aba
```
#ee0aba rgb(238,10,186)
```
#f700bf
```
#f700bf rgb(247,0,191)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7e4d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a87ff Protanopia 1% of men
#8489af Deuteranopia 1% of men
#ee5357 Tritanopia 0.001% of the population

Trichromacy

#7e56e7 Protanomaly 1% of men, 0.01% of women
#ad57b5 Deuteranomaly 6% of men, 0.4% of women
#f1347c Tritanomaly 0.01% of the population

#f700bf hex color

#f700bf Color Information

#f700bf Color Conversion

Color Schemes with #f700bf

Alternatives to #f700bf

#f700bf Preview

Shades and Tints of #f700bf

Tones of #f700bf

Color Blindness Simulator