#f700ca hex color

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

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

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

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

Hex triplet	f700ca	`#f700ca`
RGB Decimal	247, 0, 202	`rgb(247,0,202)`
RGB Percent	96.9, 0, 79.2	`rgb(96.9%,0%,79.2%)`
CMYK	0, 100, 18, 3
HSL	310.9°, 100, 48.4	`hsl(310.9,100%,48.4%)`
HSV (or HSB)	310.9°, 100, 96.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.131, 90.061, -37.701
XYZ	49.019, 24.043, 57.933
xyY	0.374, 0.184, 24.043
CIE-LCH	56.131, 97.634, 337.285
CIE-LUV	56.131, 100.855, -71.124
Hunter-Lab	49.033, 92.637, -35.728
Binary	11110111, 00000000, 11001010

#f700ca
```
#f700ca rgb(247,0,202)
```
#00f72d
```
#00f72d rgb(0,247,45)
```

Complementary Color

#a900f7
```
#a900f7 rgb(169,0,247)
```
#f700ca
```
#f700ca rgb(247,0,202)
```
#f7004f
```
#f7004f rgb(247,0,79)
```

Analogous Color

#00f7a9
```
#00f7a9 rgb(0,247,169)
```
#f700ca
```
#f700ca rgb(247,0,202)
```
#4ff700
```
#4ff700 rgb(79,247,0)
```

Split Complementary Color

#00caf7
```
#00caf7 rgb(0,202,247)
```
#f700ca
```
#f700ca rgb(247,0,202)
```
#caf700
```
#caf700 rgb(202,247,0)
```

Triadic Color

#2d00f7
```
#2d00f7 rgb(45,0,247)
```
#f700ca
```
#f700ca rgb(247,0,202)
```
#caf700
```
#caf700 rgb(202,247,0)
```
#00f72d
```
#00f72d rgb(0,247,45)
```

Tetradic Color

#ab008b
```
#ab008b rgb(171,0,139)
```
#c400a0
```
#c400a0 rgb(196,0,160)
```
#de00b5
```
#de00b5 rgb(222,0,181)
```
#f700ca
```
#f700ca rgb(247,0,202)
```
#ff12d4
```
#ff12d4 rgb(255,18,212)
```
#ff2bd8
```
#ff2bd8 rgb(255,43,216)
```
#ff45dd
```
#ff45dd rgb(255,69,221)
```

Monochromatic Color

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

#e600f7
```
#e600f7 rgb(230,0,247)
```
#f700f3
```
#f700f3 rgb(247,0,243)
```
#f700df
```
#f700df rgb(247,0,223)
```
#f700ca
```
#f700ca rgb(247,0,202)
```
#f700b5
```
#f700b5 rgb(247,0,181)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```
#f7008c
```
#f7008c rgb(247,0,140)
```

Similar Colors

Text with hexadecimal color #f700ca

This text has a font color of #f700ca.

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

#f700ca background color

This paragraph has a background color of #f700ca.

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

#f700ca border color

This element has a border color of #f700ca.

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

CSS codes

.text {color:#f700ca;}

.background {background-color:#f700ca;}

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

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 #fff7fe is the lightest one.

#0c0009
```
#0c0009 rgb(12,0,9)
```
#1f001a
```
#1f001a rgb(31,0,26)
```
#33002a
```
#33002a rgb(51,0,42)
```
#46003a
```
#46003a rgb(70,0,58)
```
#5a004a
```
#5a004a rgb(90,0,74)
```
#6e005a
```
#6e005a rgb(110,0,90)
```
#81006a
```
#81006a rgb(129,0,106)
```
#95007a
```
#95007a rgb(149,0,122)
```
#a9008a
```
#a9008a rgb(169,0,138)
```
#bc009a
```
#bc009a rgb(188,0,154)
```
#d000aa
```
#d000aa rgb(208,0,170)
```
#e300ba
```
#e300ba rgb(227,0,186)
```
#f700ca
```
#f700ca rgb(247,0,202)
```

Shade Color Variation

#ff0cd3
```
#ff0cd3 rgb(255,12,211)
```
#ff1fd6
```
#ff1fd6 rgb(255,31,214)
```
#ff33da
```
#ff33da rgb(255,51,218)
```
#ff46dd
```
#ff46dd rgb(255,70,221)
```
#ff5ae1
```
#ff5ae1 rgb(255,90,225)
```
#ff6ee5
```
#ff6ee5 rgb(255,110,229)
```
#ff81e8
```
#ff81e8 rgb(255,129,232)
```
#ff95ec
```
#ff95ec rgb(255,149,236)
```
#ffa9ef
```
#ffa9ef rgb(255,169,239)
```
#ffbcf3
```
#ffbcf3 rgb(255,188,243)
```
#ffd0f6
```
#ffd0f6 rgb(255,208,246)
```
#ffe3fa
```
#ffe3fa rgb(255,227,250)
```
#fff7fe
```
#fff7fe rgb(255,247,254)
```

Tint Color Variation

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

#857282
```
#857282 rgb(133,114,130)
```
#8f6988
```
#8f6988 rgb(143,105,136)
```
#985f8e
```
#985f8e rgb(152,95,142)
```
#a25694
```
#a25694 rgb(162,86,148)
```
#ab4c9a
```
#ab4c9a rgb(171,76,154)
```
#b543a0
```
#b543a0 rgb(181,67,160)
```
#be39a6
```
#be39a6 rgb(190,57,166)
```
#c830ac
```
#c830ac rgb(200,48,172)
```
#d126b2
```
#d126b2 rgb(209,38,178)
```
#db1db8
```
#db1db8 rgb(219,29,184)
```
#e413be
```
#e413be rgb(228,19,190)
```
#ee0ac4
```
#ee0ac4 rgb(238,10,196)
```
#f700ca
```
#f700ca rgb(247,0,202)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7f4e76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e89ff Protanopia 1% of men
#7f8bb9 Deuteranopia 1% of men
#ed575c Tritanopia 0.001% of the population

Trichromacy

#8157eb Protanomaly 1% of men, 0.01% of women
#aa58bf Deuteranomaly 6% of men, 0.4% of women
#f03784 Tritanomaly 0.01% of the population

#f700ca hex color

#f700ca Color Information

#f700ca Color Conversion

Color Schemes with #f700ca

Alternatives to #f700ca

#f700ca Preview

Shades and Tints of #f700ca

Tones of #f700ca

Color Blindness Simulator