#f700a1 hex color

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

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

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

The hexadecimal color #f700a1 has RGB values of R:247, G:0, B:161 and CMYK values of C:0, M:1, Y:0.35, K:0.03. Its decimal value is 16187553.

Hex triplet	f700a1	`#f700a1`
RGB Decimal	247, 0, 161	`rgb(247,0,161)`
RGB Percent	96.9, 0, 63.1	`rgb(96.9%,0%,63.1%)`
CMYK	0, 100, 35, 3
HSL	320.9°, 100, 48.4	`hsl(320.9,100%,48.4%)`
HSV (or HSB)	320.9°, 100, 96.9
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.399, 85.654, -16.498
XYZ	44.792, 22.352, 35.672
xyY	0.436, 0.217, 22.352
CIE-LCH	54.399, 87.228, 349.097
CIE-LUV	54.399, 120.216, -39.131
Hunter-Lab	47.278, 86.377, -11.641
Binary	11110111, 00000000, 10100001

#f700a1
```
#f700a1 rgb(247,0,161)
```
#00f756
```
#00f756 rgb(0,247,86)
```

Complementary Color

#d200f7
```
#d200f7 rgb(210,0,247)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```
#f70026
```
#f70026 rgb(247,0,38)
```

Analogous Color

#00f7d2
```
#00f7d2 rgb(0,247,210)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```
#26f700
```
#26f700 rgb(38,247,0)
```

Split Complementary Color

#00a1f7
```
#00a1f7 rgb(0,161,247)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```
#a1f700
```
#a1f700 rgb(161,247,0)
```

Triadic Color

#5600f7
```
#5600f7 rgb(86,0,247)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```
#a1f700
```
#a1f700 rgb(161,247,0)
```
#00f756
```
#00f756 rgb(0,247,86)
```

Tetradic Color

#ab006f
```
#ab006f rgb(171,0,111)
```
#c40080
```
#c40080 rgb(196,0,128)
```
#de0090
```
#de0090 rgb(222,0,144)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```
#ff12ac
```
#ff12ac rgb(255,18,172)
```
#ff2bb5
```
#ff2bb5 rgb(255,43,181)
```
#ff45be
```
#ff45be rgb(255,69,190)
```

Monochromatic Color

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

#f700df
```
#f700df rgb(247,0,223)
```
#f700ca
```
#f700ca rgb(247,0,202)
```
#f700b6
```
#f700b6 rgb(247,0,182)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```
#f7008c
```
#f7008c rgb(247,0,140)
```
#f70078
```
#f70078 rgb(247,0,120)
```
#f70063
```
#f70063 rgb(247,0,99)
```

Similar Colors

Text with hexadecimal color #f700a1

This text has a font color of #f700a1.

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

#f700a1 background color

This paragraph has a background color of #f700a1.

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

#f700a1 border color

This element has a border color of #f700a1.

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

CSS codes

.text {color:#f700a1;}

.background {background-color:#f700a1;}

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

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)
```
#6e0047
```
#6e0047 rgb(110,0,71)
```
#810054
```
#810054 rgb(129,0,84)
```
#950061
```
#950061 rgb(149,0,97)
```
#a9006e
```
#a9006e rgb(169,0,110)
```
#bc007b
```
#bc007b rgb(188,0,123)
```
#d00087
```
#d00087 rgb(208,0,135)
```
#e30094
```
#e30094 rgb(227,0,148)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```

Shade Color Variation

#ff0caa
```
#ff0caa rgb(255,12,170)
```
#ff1fb1
```
#ff1fb1 rgb(255,31,177)
```
#ff33b8
```
#ff33b8 rgb(255,51,184)
```
#ff46bf
```
#ff46bf rgb(255,70,191)
```
#ff5ac6
```
#ff5ac6 rgb(255,90,198)
```
#ff6ecc
```
#ff6ecc rgb(255,110,204)
```
#ff81d3
```
#ff81d3 rgb(255,129,211)
```
#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 #f700a1 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)
```
#d12695
```
#d12695 rgb(209,38,149)
```
#db1d98
```
#db1d98 rgb(219,29,152)
```
#e4139b
```
#e4139b rgb(228,19,155)
```
#ee0a9e
```
#ee0a9e rgb(238,10,158)
```
#f700a1
```
#f700a1 rgb(247,0,161)
```

Tone Color Variation

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

#5f85dd Protanopia 1% of men
#8f8595 Deuteranopia 1% of men
#f14749 Tritanopia 0.001% of the population

Trichromacy

#9655c7 Protanomaly 1% of men, 0.01% of women
#b45499 Deuteranomaly 6% of men, 0.4% of women
#f32d69 Tritanomaly 0.01% of the population

#f700a1 hex color

#f700a1 Color Information

#f700a1 Color Conversion

Color Schemes with #f700a1

Alternatives to #f700a1

#f700a1 Preview

Shades and Tints of #f700a1

Tones of #f700a1

Color Blindness Simulator