#f70c48 hex color

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

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

● #f70c48 color description : Vivid pink.

The hexadecimal color #f70c48 has RGB values of R:247, G:12, B:72 and CMYK values of C:0, M:0.95, Y:0.71, K:0.03. Its decimal value is 16190536.

Hex triplet	f70c48	`#f70c48`
RGB Decimal	247, 12, 72	`rgb(247,12,72)`
RGB Percent	96.9, 4.7, 28.2	`rgb(96.9%,4.7%,28.2%)`
CMYK	0, 95, 71, 3
HSL	344.7°, 93.6, 50.8	`hsl(344.7,93.6%,50.8%)`
HSV (or HSB)	344.7°, 95.1, 96.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.409, 78.766, 34.176
XYZ	39.661, 20.51, 8.001
xyY	0.582, 0.301, 20.51
CIE-LCH	52.409, 85.861, 23.455
CIE-LUV	52.409, 156.3, 19.615
Hunter-Lab	45.288, 77.067, 21.227
Binary	11110111, 00001100, 01001000

#f70c48
```
#f70c48 rgb(247,12,72)
```
#0cf7bb
```
#0cf7bb rgb(12,247,187)
```

Complementary Color

#f70cbe
```
#f70cbe rgb(247,12,190)
```
#f70c48
```
#f70c48 rgb(247,12,72)
```
#f7460c
```
#f7460c rgb(247,70,12)
```

Analogous Color

#0cbef7
```
#0cbef7 rgb(12,190,247)
```
#f70c48
```
#f70c48 rgb(247,12,72)
```
#0cf745
```
#0cf745 rgb(12,247,69)
```

Split Complementary Color

#0c48f7
```
#0c48f7 rgb(12,72,247)
```
#f70c48
```
#f70c48 rgb(247,12,72)
```
#48f70c
```
#48f70c rgb(72,247,12)
```

Triadic Color

#bb0cf7
```
#bb0cf7 rgb(187,12,247)
```
#f70c48
```
#f70c48 rgb(247,12,72)
```
#48f70c
```
#48f70c rgb(72,247,12)
```
#0cf7bb
```
#0cf7bb rgb(12,247,187)
```

Tetradic Color

#b10631
```
#b10631 rgb(177,6,49)
```
#c90738
```
#c90738 rgb(201,7,56)
```
#e2073f
```
#e2073f rgb(226,7,63)
```
#f70c48
```
#f70c48 rgb(247,12,72)
```
#f8255b
```
#f8255b rgb(248,37,91)
```
#f93d6d
```
#f93d6d rgb(249,61,109)
```
#f95680
```
#f95680 rgb(249,86,128)
```

Monochromatic Color

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

#f70c83
```
#f70c83 rgb(247,12,131)
```
#f70c6f
```
#f70c6f rgb(247,12,111)
```
#f70c5c
```
#f70c5c rgb(247,12,92)
```
#f70c48
```
#f70c48 rgb(247,12,72)
```
#f70c34
```
#f70c34 rgb(247,12,52)
```
#f70c21
```
#f70c21 rgb(247,12,33)
```
#f70c0d
```
#f70c0d rgb(247,12,13)
```

Similar Colors

Text with hexadecimal color #f70c48

This text has a font color of #f70c48.

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

#f70c48 background color

This paragraph has a background color of #f70c48.

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

#f70c48 border color

This element has a border color of #f70c48.

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

CSS codes

.text {color:#f70c48;}

.background {background-color:#f70c48;}

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

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)
```
#500316
```
#500316 rgb(80,3,22)
```
#63031c
```
#63031c rgb(99,3,28)
```
#760421
```
#760421 rgb(118,4,33)
```
#890526
```
#890526 rgb(137,5,38)
```
#9c052c
```
#9c052c rgb(156,5,44)
```
#af0631
```
#af0631 rgb(175,6,49)
```
#c20636
```
#c20636 rgb(194,6,54)
```
#d5073c
```
#d5073c rgb(213,7,60)
```
#e80841
```
#e80841 rgb(232,8,65)
```

Shade Color Variation

#f70c48
```
#f70c48 rgb(247,12,72)
```
#f81f56
```
#f81f56 rgb(248,31,86)
```
#f83265
```
#f83265 rgb(248,50,101)
```
#f94573
```
#f94573 rgb(249,69,115)
```
#fa5881
```
#fa5881 rgb(250,88,129)
```
#fa6b90
```
#fa6b90 rgb(250,107,144)
```
#fb7e9e
```
#fb7e9e rgb(251,126,158)
```
#fb91ac
```
#fb91ac rgb(251,145,172)
```
#fca4ba
```
#fca4ba rgb(252,164,186)
```
#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 #f70c48 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)
```
#bd4664
```
#bd4664 rgb(189,70,100)
```
#c73c60
```
#c73c60 rgb(199,60,96)
```
#d0335b
```
#d0335b rgb(208,51,91)
```
#da2956
```
#da2956 rgb(218,41,86)
```
#e41f51
```
#e41f51 rgb(228,31,81)
```
#ed164d
```
#ed164d rgb(237,22,77)
```
#f70c48
```
#f70c48 rgb(247,12,72)
```

Tone Color Variation

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

#8a836f Protanopia 1% of men
#a17d42 Deuteranopia 1% of men
#f62824 Tritanopia 0.001% of the population

Trichromacy

#b25860 Protanomaly 1% of men, 0.01% of women
#c05444 Deuteranomaly 6% of men, 0.4% of women
#f61e31 Tritanomaly 0.01% of the population

#f70c48 hex color

#f70c48 Color Information

#f70c48 Color Conversion

Color Schemes with #f70c48

Alternatives to #f70c48

#f70c48 Preview

Shades and Tints of #f70c48

Tones of #f70c48

Color Blindness Simulator