#f700ba hex color

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

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

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

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

Hex triplet	f700ba	`#f700ba`
RGB Decimal	247, 0, 186	`rgb(247,0,186)`
RGB Percent	96.9, 0, 72.9	`rgb(96.9%,0%,72.9%)`
CMYK	0, 100, 25, 3
HSL	314.8°, 100, 48.4	`hsl(314.8,100%,48.4%)`
HSV (or HSB)	314.8°, 100, 96.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.404, 88.23, -29.596
XYZ	47.221, 23.324, 48.467
xyY	0.397, 0.196, 23.324
CIE-LCH	55.404, 93.061, 341.456
CIE-LUV	55.404, 108.289, -58.616
Hunter-Lab	48.295, 90.016, -25.695
Binary	11110111, 00000000, 10111010

#f700ba
```
#f700ba rgb(247,0,186)
```
#00f73d
```
#00f73d rgb(0,247,61)
```

Complementary Color

#b900f7
```
#b900f7 rgb(185,0,247)
```
#f700ba
```
#f700ba rgb(247,0,186)
```
#f7003f
```
#f7003f rgb(247,0,63)
```

Analogous Color

#00f7b9
```
#00f7b9 rgb(0,247,185)
```
#f700ba
```
#f700ba rgb(247,0,186)
```
#3ff700
```
#3ff700 rgb(63,247,0)
```

Split Complementary Color

#00baf7
```
#00baf7 rgb(0,186,247)
```
#f700ba
```
#f700ba rgb(247,0,186)
```
#baf700
```
#baf700 rgb(186,247,0)
```

Triadic Color

#3d00f7
```
#3d00f7 rgb(61,0,247)
```
#f700ba
```
#f700ba rgb(247,0,186)
```
#baf700
```
#baf700 rgb(186,247,0)
```
#00f73d
```
#00f73d rgb(0,247,61)
```

Tetradic Color

#ab0080
```
#ab0080 rgb(171,0,128)
```
#c40094
```
#c40094 rgb(196,0,148)
```
#de00a7
```
#de00a7 rgb(222,0,167)
```
#f700ba
```
#f700ba rgb(247,0,186)
```
#ff12c4
```
#ff12c4 rgb(255,18,196)
```
#ff2bcb
```
#ff2bcb rgb(255,43,203)
```
#ff45d1
```
#ff45d1 rgb(255,69,209)
```

Monochromatic Color

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

#f600f7
```
#f600f7 rgb(246,0,247)
```
#f700e3
```
#f700e3 rgb(247,0,227)
```
#f700cf
```
#f700cf rgb(247,0,207)
```
#f700ba
```
#f700ba rgb(247,0,186)
```
#f700a5
```
#f700a5 rgb(247,0,165)
```
#f70091
```
#f70091 rgb(247,0,145)
```
#f7007c
```
#f7007c rgb(247,0,124)
```

Similar Colors

Text with hexadecimal color #f700ba

This text has a font color of #f700ba.

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

#f700ba background color

This paragraph has a background color of #f700ba.

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

#f700ba border color

This element has a border color of #f700ba.

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

CSS codes

.text {color:#f700ba;}

.background {background-color:#f700ba;}

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

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)
```
#330026
```
#330026 rgb(51,0,38)
```
#460035
```
#460035 rgb(70,0,53)
```
#5a0044
```
#5a0044 rgb(90,0,68)
```
#6e0053
```
#6e0053 rgb(110,0,83)
```
#810061
```
#810061 rgb(129,0,97)
```
#950070
```
#950070 rgb(149,0,112)
```
#a9007f
```
#a9007f rgb(169,0,127)
```
#bc008e
```
#bc008e rgb(188,0,142)
```
#d0009c
```
#d0009c rgb(208,0,156)
```
#e300ab
```
#e300ab rgb(227,0,171)
```
#f700ba
```
#f700ba rgb(247,0,186)
```

Shade Color Variation

#ff0cc3
```
#ff0cc3 rgb(255,12,195)
```
#ff1fc8
```
#ff1fc8 rgb(255,31,200)
```
#ff33cd
```
#ff33cd rgb(255,51,205)
```
#ff46d1
```
#ff46d1 rgb(255,70,209)
```
#ff5ad6
```
#ff5ad6 rgb(255,90,214)
```
#ff6edb
```
#ff6edb rgb(255,110,219)
```
#ff81e0
```
#ff81e0 rgb(255,129,224)
```
#ff95e5
```
#ff95e5 rgb(255,149,229)
```
#ffa9ea
```
#ffa9ea rgb(255,169,234)
```
#ffbcee
```
#ffbcee rgb(255,188,238)
```
#ffd0f3
```
#ffd0f3 rgb(255,208,243)
```
#ffe3f8
```
#ffe3f8 rgb(255,227,248)
```
#fff7fd
```
#fff7fd rgb(255,247,253)
```

Tint Color Variation

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

#857280
```
#857280 rgb(133,114,128)
```
#8f6985
```
#8f6985 rgb(143,105,133)
```
#985f8a
```
#985f8a rgb(152,95,138)
```
#a2568f
```
#a2568f rgb(162,86,143)
```
#ab4c94
```
#ab4c94 rgb(171,76,148)
```
#b54398
```
#b54398 rgb(181,67,152)
```
#be399d
```
#be399d rgb(190,57,157)
```
#c830a2
```
#c830a2 rgb(200,48,162)
```
#d126a7
```
#d126a7 rgb(209,38,167)
```
#db1dac
```
#db1dac rgb(219,29,172)
```
#e413b0
```
#e413b0 rgb(228,19,176)
```
#ee0ab5
```
#ee0ab5 rgb(238,10,181)
```
#f700ba
```
#f700ba rgb(247,0,186)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#7d4c71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e87fb Protanopia 1% of men
#8688ab Deuteranopia 1% of men
#ef5155 Tritanopia 0.001% of the population

Trichromacy

#8156e3 Protanomaly 1% of men, 0.01% of women
#af56b0 Deuteranomaly 6% of men, 0.4% of women
#f13379 Tritanomaly 0.01% of the population

#f700ba hex color

#f700ba Color Information

#f700ba Color Conversion

Color Schemes with #f700ba

Alternatives to #f700ba

#f700ba Preview

Shades and Tints of #f700ba

Tones of #f700ba

Color Blindness Simulator