#f70080 hex color

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

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

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

The hexadecimal color #f70080 has RGB values of R:247, G:0, B:128 and CMYK values of C:0, M:1, Y:0.48, K:0.03. Its decimal value is 16187520.

Hex triplet	f70080	`#f70080`
RGB Decimal	247, 0, 128	`rgb(247,0,128)`
RGB Percent	96.9, 0, 50.2	`rgb(96.9%,0%,50.2%)`
CMYK	0, 100, 48, 3
HSL	328.9°, 100, 48.4	`hsl(328.9,100%,48.4%)`
HSV (or HSB)	328.9°, 100, 96.9
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.317, 82.829, 1.596
XYZ	42.256, 21.338, 22.314
xyY	0.492, 0.248, 21.338
CIE-LCH	53.317, 82.844, 1.104
CIE-LUV	53.317, 135.789, -14.534
Hunter-Lab	46.193, 82.449, 3.693
Binary	11110111, 00000000, 10000000

#f70080
```
#f70080 rgb(247,0,128)
```
#00f777
```
#00f777 rgb(0,247,119)
```

Complementary Color

#f300f7
```
#f300f7 rgb(243,0,247)
```
#f70080
```
#f70080 rgb(247,0,128)
```
#f70004
```
#f70004 rgb(247,0,4)
```

Analogous Color

#00f7f3
```
#00f7f3 rgb(0,247,243)
```
#f70080
```
#f70080 rgb(247,0,128)
```
#05f700
```
#05f700 rgb(5,247,0)
```

Split Complementary Color

#0080f7
```
#0080f7 rgb(0,128,247)
```
#f70080
```
#f70080 rgb(247,0,128)
```
#80f700
```
#80f700 rgb(128,247,0)
```

Triadic Color

#7700f7
```
#7700f7 rgb(119,0,247)
```
#f70080
```
#f70080 rgb(247,0,128)
```
#80f700
```
#80f700 rgb(128,247,0)
```
#00f777
```
#00f777 rgb(0,247,119)
```

Tetradic Color

#ab0058
```
#ab0058 rgb(171,0,88)
```
#c40066
```
#c40066 rgb(196,0,102)
```
#de0073
```
#de0073 rgb(222,0,115)
```
#f70080
```
#f70080 rgb(247,0,128)
```
#ff128d
```
#ff128d rgb(255,18,141)
```
#ff2b99
```
#ff2b99 rgb(255,43,153)
```
#ff45a5
```
#ff45a5 rgb(255,69,165)
```

Monochromatic Color

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

#f700be
```
#f700be rgb(247,0,190)
```
#f700a9
```
#f700a9 rgb(247,0,169)
```
#f70095
```
#f70095 rgb(247,0,149)
```
#f70080
```
#f70080 rgb(247,0,128)
```
#f7006b
```
#f7006b rgb(247,0,107)
```
#f70057
```
#f70057 rgb(247,0,87)
```
#f70042
```
#f70042 rgb(247,0,66)
```

Similar Colors

Text with hexadecimal color #f70080

This text has a font color of #f70080.

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

#f70080 background color

This paragraph has a background color of #f70080.

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

#f70080 border color

This element has a border color of #f70080.

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

CSS codes

.text {color:#f70080;}

.background {background-color:#f70080;}

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

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

#0c0006
```
#0c0006 rgb(12,0,6)
```
#1f0010
```
#1f0010 rgb(31,0,16)
```
#33001a
```
#33001a rgb(51,0,26)
```
#460025
```
#460025 rgb(70,0,37)
```
#5a002f
```
#5a002f rgb(90,0,47)
```
#6e0039
```
#6e0039 rgb(110,0,57)
```
#810043
```
#810043 rgb(129,0,67)
```
#95004d
```
#95004d rgb(149,0,77)
```
#a90057
```
#a90057 rgb(169,0,87)
```
#bc0062
```
#bc0062 rgb(188,0,98)
```
#d0006c
```
#d0006c rgb(208,0,108)
```
#e30076
```
#e30076 rgb(227,0,118)
```
#f70080
```
#f70080 rgb(247,0,128)
```

Shade Color Variation

#ff0c8a
```
#ff0c8a rgb(255,12,138)
```
#ff1f93
```
#ff1f93 rgb(255,31,147)
```
#ff339d
```
#ff339d rgb(255,51,157)
```
#ff46a6
```
#ff46a6 rgb(255,70,166)
```
#ff5ab0
```
#ff5ab0 rgb(255,90,176)
```
#ff6eb9
```
#ff6eb9 rgb(255,110,185)
```
#ff81c2
```
#ff81c2 rgb(255,129,194)
```
#ff95cc
```
#ff95cc rgb(255,149,204)
```
#ffa9d5
```
#ffa9d5 rgb(255,169,213)
```
#ffbcdf
```
#ffbcdf rgb(255,188,223)
```
#ffd0e8
```
#ffd0e8 rgb(255,208,232)
```
#ffe3f2
```
#ffe3f2 rgb(255,227,242)
```
#fff7fb
```
#fff7fb rgb(255,247,251)
```

Tint Color Variation

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

#85727c
```
#85727c rgb(133,114,124)
```
#8f697c
```
#8f697c rgb(143,105,124)
```
#985f7d
```
#985f7d rgb(152,95,125)
```
#a2567d
```
#a2567d rgb(162,86,125)
```
#ab4c7d
```
#ab4c7d rgb(171,76,125)
```
#b5437e
```
#b5437e rgb(181,67,126)
```
#be397e
```
#be397e rgb(190,57,126)
```
#c8307e
```
#c8307e rgb(200,48,126)
```
#d1267f
```
#d1267f rgb(209,38,127)
```
#db1d7f
```
#db1d7f rgb(219,29,127)
```
#e4137f
```
#e4137f rgb(228,19,127)
```
#ee0a80
```
#ee0a80 rgb(238,10,128)
```
#f70080
```
#f70080 rgb(247,0,128)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#784660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7684b4 Protanopia 1% of men
#978177 Deuteranopia 1% of men
#f3393a Tritanopia 0.001% of the population

Trichromacy

#a554a1 Protanomaly 1% of men, 0.01% of women
#ba527a Deuteranomaly 6% of men, 0.4% of women
#f42453 Tritanomaly 0.01% of the population

#f70080 hex color

#f70080 Color Information

#f70080 Color Conversion

Color Schemes with #f70080

Alternatives to #f70080

#f70080 Preview

Shades and Tints of #f70080

Tones of #f70080

Color Blindness Simulator