#f70c49 hex color

In a RGB color space, hex #f70c49 is composed of 96.9% red, 4.7% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.1% magenta, 70.4% yellow and 3.1% black. It has a hue angle of 344.4 degrees, a saturation of 93.6% and a lightness of 50.8%. #f70c49 color hex could be obtained by blending #ff1892 with #ef0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 97
- G 5
- B 29
RGB color chart
- C 0
- M 95
- Y 70
- K 3
CMYK color chart

● #f70c49 color description : Vivid pink.

The hexadecimal color #f70c49 has RGB values of R:247, G:12, B:73 and CMYK values of C:0, M:0.95, Y:0.7, K:0.03. Its decimal value is 16190537.

Hex triplet	f70c49	`#f70c49`
RGB Decimal	247, 12, 73	`rgb(247,12,73)`
RGB Percent	96.9, 4.7, 28.6	`rgb(96.9%,4.7%,28.6%)`
CMYK	0, 95, 70, 3
HSL	344.4°, 93.6, 50.8	`hsl(344.4,93.6%,50.8%)`
HSV (or HSB)	344.4°, 95.1, 96.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.424, 78.806, 33.601
XYZ	39.694, 20.523, 8.174
xyY	0.58, 0.3, 20.523
CIE-LCH	52.424, 85.67, 23.092
CIE-LUV	52.424, 155.997, 19.155
Hunter-Lab	45.303, 77.121, 21.014
Binary	11110111, 00001100, 01001001

#f70c49
```
#f70c49 rgb(247,12,73)
```
#0cf7ba
```
#0cf7ba rgb(12,247,186)
```

Complementary Color

#f70cbf
```
#f70cbf rgb(247,12,191)
```
#f70c49
```
#f70c49 rgb(247,12,73)
```
#f7450c
```
#f7450c rgb(247,69,12)
```

Analogous Color

#0cbff7
```
#0cbff7 rgb(12,191,247)
```
#f70c49
```
#f70c49 rgb(247,12,73)
```
#0cf745
```
#0cf745 rgb(12,247,69)
```

Split Complementary Color

#0c49f7
```
#0c49f7 rgb(12,73,247)
```
#f70c49
```
#f70c49 rgb(247,12,73)
```
#49f70c
```
#49f70c rgb(73,247,12)
```

Triadic Color

#ba0cf7
```
#ba0cf7 rgb(186,12,247)
```
#f70c49
```
#f70c49 rgb(247,12,73)
```
#49f70c
```
#49f70c rgb(73,247,12)
```
#0cf7ba
```
#0cf7ba rgb(12,247,186)
```

Tetradic Color

#b10632
```
#b10632 rgb(177,6,50)
```
#c90739
```
#c90739 rgb(201,7,57)
```
#e20740
```
#e20740 rgb(226,7,64)
```
#f70c49
```
#f70c49 rgb(247,12,73)
```
#f8255b
```
#f8255b rgb(248,37,91)
```
#f93d6e
```
#f93d6e rgb(249,61,110)
```
#f95680
```
#f95680 rgb(249,86,128)
```

Monochromatic Color

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

#f70c84
```
#f70c84 rgb(247,12,132)
```
#f70c70
```
#f70c70 rgb(247,12,112)
```
#f70c5d
```
#f70c5d rgb(247,12,93)
```
#f70c49
```
#f70c49 rgb(247,12,73)
```
#f70c35
```
#f70c35 rgb(247,12,53)
```
#f70c22
```
#f70c22 rgb(247,12,34)
```
#f70c0e
```
#f70c0e rgb(247,12,14)
```

Similar Colors

Text with hexadecimal color #f70c49

This text has a font color of #f70c49.

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

#f70c49 background color

This paragraph has a background color of #f70c49.

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

#f70c49 border color

This element has a border color of #f70c49.

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

CSS codes

.text {color:#f70c49;}

.background {background-color:#f70c49;}

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

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, #040001 is the darkest color, while #fff0f4 is the lightest one.

#040001
```
#040001 rgb(4,0,1)
```
#170106
```
#170106 rgb(23,1,6)
```
#2a010c
```
#2a010c rgb(42,1,12)
```
#3d0211
```
#3d0211 rgb(61,2,17)
```
#500317
```
#500317 rgb(80,3,23)
```
#63031c
```
#63031c rgb(99,3,28)
```
#760421
```
#760421 rgb(118,4,33)
```
#890527
```
#890527 rgb(137,5,39)
```
#9c052c
```
#9c052c rgb(156,5,44)
```
#af0632
```
#af0632 rgb(175,6,50)
```
#c20637
```
#c20637 rgb(194,6,55)
```
#d5073c
```
#d5073c rgb(213,7,60)
```
#e80842
```
#e80842 rgb(232,8,66)
```

Shade Color Variation

#f70c49
```
#f70c49 rgb(247,12,73)
```
#f81f57
```
#f81f57 rgb(248,31,87)
```
#f83265
```
#f83265 rgb(248,50,101)
```
#f94574
```
#f94574 rgb(249,69,116)
```
#fa5882
```
#fa5882 rgb(250,88,130)
```
#fa6b90
```
#fa6b90 rgb(250,107,144)
```
#fb7e9e
```
#fb7e9e rgb(251,126,158)
```
#fb91ad
```
#fb91ad rgb(251,145,173)
```
#fca4bb
```
#fca4bb rgb(252,164,187)
```
#fdb7c9
```
#fdb7c9 rgb(253,183,201)
```
#fdcad7
```
#fdcad7 rgb(253,202,215)
```
#fedde5
```
#fedde5 rgb(254,221,229)
```
#fff0f4
```
#fff0f4 rgb(255,240,244)
```

Tint Color Variation

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

#838081
```
#838081 rgb(131,128,129)
```
#8d767c
```
#8d767c rgb(141,118,124)
```
#966d77
```
#966d77 rgb(150,109,119)
```
#a06373
```
#a06373 rgb(160,99,115)
```
#aa596e
```
#aa596e rgb(170,89,110)
```
#b35069
```
#b35069 rgb(179,80,105)
```
#bd4665
```
#bd4665 rgb(189,70,101)
```
#c73c60
```
#c73c60 rgb(199,60,96)
```
#d0335c
```
#d0335c rgb(208,51,92)
```
#da2957
```
#da2957 rgb(218,41,87)
```
#e41f52
```
#e41f52 rgb(228,31,82)
```
#ed164e
```
#ed164e rgb(237,22,78)
```
#f70c49
```
#f70c49 rgb(247,12,73)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#794a56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8370 Protanopia 1% of men
#a17d43 Deuteranopia 1% of men
#f62825 Tritanopia 0.001% of the population

Trichromacy

#b25862 Protanomaly 1% of men, 0.01% of women
#c05445 Deuteranomaly 6% of men, 0.4% of women
#f61e32 Tritanomaly 0.01% of the population

#f70c49 hex color

#f70c49 Color Information

#f70c49 Color Conversion

Color Schemes with #f70c49

Alternatives to #f70c49

#f70c49 Preview

Shades and Tints of #f70c49

Tones of #f70c49

Color Blindness Simulator