#f700a2 hex color

In a RGB color space, hex #f700a2 is composed of 96.9% red, 0% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 34.4% yellow and 3.1% black. It has a hue angle of 320.6 degrees, a saturation of 100% and a lightness of 48.4%. #f700a2 color hex could be obtained by blending #ff00ff with #ef0045. Closest websafe color is: #ff0099.

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

● #f700a2 color description : Pure (or mostly pure) pink.

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

Hex triplet	f700a2	`#f700a2`
RGB Decimal	247, 0, 162	`rgb(247,0,162)`
RGB Percent	96.9, 0, 63.5	`rgb(96.9%,0%,63.5%)`
CMYK	0, 100, 34, 3
HSL	320.6°, 100, 48.4	`hsl(320.6,100%,48.4%)`
HSV (or HSB)	320.6°, 100, 96.9
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.436, 85.75, -17.032
XYZ	44.88, 22.387, 36.138
xyY	0.434, 0.217, 22.387
CIE-LCH	54.436, 87.425, 348.766
CIE-LUV	54.436, 119.736, -39.903
Hunter-Lab	47.315, 86.511, -12.163
Binary	11110111, 00000000, 10100010

#f700a2
```
#f700a2 rgb(247,0,162)
```
#00f755
```
#00f755 rgb(0,247,85)
```

Complementary Color

#d100f7
```
#d100f7 rgb(209,0,247)
```
#f700a2
```
#f700a2 rgb(247,0,162)
```
#f70027
```
#f70027 rgb(247,0,39)
```

Analogous Color

#00f7d1
```
#00f7d1 rgb(0,247,209)
```
#f700a2
```
#f700a2 rgb(247,0,162)
```
#27f700
```
#27f700 rgb(39,247,0)
```

Split Complementary Color

#00a2f7
```
#00a2f7 rgb(0,162,247)
```
#f700a2
```
#f700a2 rgb(247,0,162)
```
#a2f700
```
#a2f700 rgb(162,247,0)
```

Triadic Color

#5500f7
```
#5500f7 rgb(85,0,247)
```
#f700a2
```
#f700a2 rgb(247,0,162)
```
#a2f700
```
#a2f700 rgb(162,247,0)
```
#00f755
```
#00f755 rgb(0,247,85)
```

Tetradic Color

#ab0070
```
#ab0070 rgb(171,0,112)
```
#c40081
```
#c40081 rgb(196,0,129)
```
#de0091
```
#de0091 rgb(222,0,145)
```
#f700a2
```
#f700a2 rgb(247,0,162)
```
#ff12ad
```
#ff12ad rgb(255,18,173)
```
#ff2bb6
```
#ff2bb6 rgb(255,43,182)
```
#ff45bf
```
#ff45bf rgb(255,69,191)
```

Monochromatic Color

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

#f700e0
```
#f700e0 rgb(247,0,224)
```
#f700cb
```
#f700cb rgb(247,0,203)
```
#f700b7
```
#f700b7 rgb(247,0,183)
```
#f700a2
```
#f700a2 rgb(247,0,162)
```
#f7008d
```
#f7008d rgb(247,0,141)
```
#f70079
```
#f70079 rgb(247,0,121)
```
#f70064
```
#f70064 rgb(247,0,100)
```

Similar Colors

Text with hexadecimal color #f700a2

This text has a font color of #f700a2.

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

#f700a2 background color

This paragraph has a background color of #f700a2.

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

#f700a2 border color

This element has a border color of #f700a2.

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

CSS codes

.text {color:#f700a2;}

.background {background-color:#f700a2;}

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

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

#0c0008
```
#0c0008 rgb(12,0,8)
```
#1f0014
```
#1f0014 rgb(31,0,20)
```
#330021
```
#330021 rgb(51,0,33)
```
#46002e
```
#46002e rgb(70,0,46)
```
#5a003b
```
#5a003b rgb(90,0,59)
```
#6e0048
```
#6e0048 rgb(110,0,72)
```
#810055
```
#810055 rgb(129,0,85)
```
#950062
```
#950062 rgb(149,0,98)
```
#a9006f
```
#a9006f rgb(169,0,111)
```
#bc007b
```
#bc007b rgb(188,0,123)
```
#d00088
```
#d00088 rgb(208,0,136)
```
#e30095
```
#e30095 rgb(227,0,149)
```
#f700a2
```
#f700a2 rgb(247,0,162)
```

Shade Color Variation

#ff0cab
```
#ff0cab rgb(255,12,171)
```
#ff1fb2
```
#ff1fb2 rgb(255,31,178)
```
#ff33b9
```
#ff33b9 rgb(255,51,185)
```
#ff46bf
```
#ff46bf rgb(255,70,191)
```
#ff5ac6
```
#ff5ac6 rgb(255,90,198)
```
#ff6ecd
```
#ff6ecd rgb(255,110,205)
```
#ff81d4
```
#ff81d4 rgb(255,129,212)
```
#ff95da
```
#ff95da rgb(255,149,218)
```
#ffa9e1
```
#ffa9e1 rgb(255,169,225)
```
#ffbce8
```
#ffbce8 rgb(255,188,232)
```
#ffd0ef
```
#ffd0ef rgb(255,208,239)
```
#ffe3f5
```
#ffe3f5 rgb(255,227,245)
```
#fff7fc
```
#fff7fc rgb(255,247,252)
```

Tint Color Variation

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

#85727e
```
#85727e rgb(133,114,126)
```
#8f6981
```
#8f6981 rgb(143,105,129)
```
#985f84
```
#985f84 rgb(152,95,132)
```
#a25687
```
#a25687 rgb(162,86,135)
```
#ab4c8a
```
#ab4c8a rgb(171,76,138)
```
#b5438d
```
#b5438d rgb(181,67,141)
```
#be3990
```
#be3990 rgb(190,57,144)
```
#c83093
```
#c83093 rgb(200,48,147)
```
#d12696
```
#d12696 rgb(209,38,150)
```
#db1d99
```
#db1d99 rgb(219,29,153)
```
#e4139c
```
#e4139c rgb(228,19,156)
```
#ee0a9f
```
#ee0a9f rgb(238,10,159)
```
#f700a2
```
#f700a2 rgb(247,0,162)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7b4a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e85de Protanopia 1% of men
#8e8596 Deuteranopia 1% of men
#f1474a Tritanopia 0.001% of the population

Trichromacy

#9555c8 Protanomaly 1% of men, 0.01% of women
#b4549a Deuteranomaly 6% of men, 0.4% of women
#f32d6a Tritanomaly 0.01% of the population

#f700a2 hex color

#f700a2 Color Information

#f700a2 Color Conversion

Color Schemes with #f700a2

Alternatives to #f700a2

#f700a2 Preview

Shades and Tints of #f700a2

Tones of #f700a2

Color Blindness Simulator