#f70448 hex color

In a RGB color space, hex #f70448 is composed of 96.9% red, 1.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 70.9% yellow and 3.1% black. It has a hue angle of 343.2 degrees, a saturation of 96.8% and a lightness of 49.2%. #f70448 color hex could be obtained by blending #ff0890 with #ef0000. Closest websafe color is: #ff0033.

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

● #f70448 color description : Vivid pink.

The hexadecimal color #f70448 has RGB values of R:247, G:4, B:72 and CMYK values of C:0, M:0.98, Y:0.71, K:0.03. Its decimal value is 16188488.

Hex triplet	f70448	`#f70448`
RGB Decimal	247, 4, 72	`rgb(247,4,72)`
RGB Percent	96.9, 1.6, 28.2	`rgb(96.9%,1.6%,28.2%)`
CMYK	0, 98, 71, 3
HSL	343.2°, 96.8, 49.2	`hsl(343.2,96.8%,49.2%)`
HSV (or HSB)	343.2°, 98.4, 96.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.213, 79.336, 33.94
XYZ	39.573, 20.334, 7.972
xyY	0.583, 0.3, 20.334
CIE-LCH	52.213, 86.29, 23.161
CIE-LUV	52.213, 157.283, 19.202
Hunter-Lab	45.093, 77.735, 21.084
Binary	11110111, 00000100, 01001000

#f70448
```
#f70448 rgb(247,4,72)
```
#04f7b3
```
#04f7b3 rgb(4,247,179)
```

Complementary Color

#f704c2
```
#f704c2 rgb(247,4,194)
```
#f70448
```
#f70448 rgb(247,4,72)
```
#f73a04
```
#f73a04 rgb(247,58,4)
```

Analogous Color

#04c2f7
```
#04c2f7 rgb(4,194,247)
```
#f70448
```
#f70448 rgb(247,4,72)
```
#04f73a
```
#04f73a rgb(4,247,58)
```

Split Complementary Color

#0448f7
```
#0448f7 rgb(4,72,247)
```
#f70448
```
#f70448 rgb(247,4,72)
```
#48f704
```
#48f704 rgb(72,247,4)
```

Triadic Color

#b304f7
```
#b304f7 rgb(179,4,247)
```
#f70448
```
#f70448 rgb(247,4,72)
```
#48f704
```
#48f704 rgb(72,247,4)
```
#04f7b3
```
#04f7b3 rgb(4,247,179)
```

Tetradic Color

#ac0332
```
#ac0332 rgb(172,3,50)
```
#c50339
```
#c50339 rgb(197,3,57)
```
#de0441
```
#de0441 rgb(222,4,65)
```
#f70448
```
#f70448 rgb(247,4,72)
```
#fb1958
```
#fb1958 rgb(251,25,88)
```
#fc326b
```
#fc326b rgb(252,50,107)
```
#fc4b7d
```
#fc4b7d rgb(252,75,125)
```

Monochromatic Color

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

#f70485
```
#f70485 rgb(247,4,133)
```
#f70471
```
#f70471 rgb(247,4,113)
```
#f7045c
```
#f7045c rgb(247,4,92)
```
#f70448
```
#f70448 rgb(247,4,72)
```
#f70434
```
#f70434 rgb(247,4,52)
```
#f7041f
```
#f7041f rgb(247,4,31)
```
#f7040b
```
#f7040b rgb(247,4,11)
```

Similar Colors

Text with hexadecimal color #f70448

This text has a font color of #f70448.

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

#f70448 background color

This paragraph has a background color of #f70448.

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

#f70448 border color

This element has a border color of #f70448.

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

CSS codes

.text {color:#f70448;}

.background {background-color:#f70448;}

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

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

#0f0004
```
#0f0004 rgb(15,0,4)
```
#23010a
```
#23010a rgb(35,1,10)
```
#360110
```
#360110 rgb(54,1,16)
```
#490115
```
#490115 rgb(73,1,21)
```
#5d011b
```
#5d011b rgb(93,1,27)
```
#700221
```
#700221 rgb(112,2,33)
```
#830226
```
#830226 rgb(131,2,38)
```
#96022c
```
#96022c rgb(150,2,44)
```
#aa0331
```
#aa0331 rgb(170,3,49)
```
#bd0337
```
#bd0337 rgb(189,3,55)
```
#d0033d
```
#d0033d rgb(208,3,61)
```
#e40442
```
#e40442 rgb(228,4,66)
```
#f70448
```
#f70448 rgb(247,4,72)
```

Shade Color Variation

#fb1354
```
#fb1354 rgb(251,19,84)
```
#fb2762
```
#fb2762 rgb(251,39,98)
```
#fc3a70
```
#fc3a70 rgb(252,58,112)
```
#fc4d7e
```
#fc4d7e rgb(252,77,126)
```
#fc618c
```
#fc618c rgb(252,97,140)
```
#fd749a
```
#fd749a rgb(253,116,154)
```
#fd87a8
```
#fd87a8 rgb(253,135,168)
```
#fd9bb6
```
#fd9bb6 rgb(253,155,182)
```
#feaec4
```
#feaec4 rgb(254,174,196)
```
#fec1d2
```
#fec1d2 rgb(254,193,210)
```
#fed4e0
```
#fed4e0 rgb(254,212,224)
```
#ffe8ee
```
#ffe8ee rgb(255,232,238)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#83787b
```
#83787b rgb(131,120,123)
```
#8d6e77
```
#8d6e77 rgb(141,110,119)
```
#966573
```
#966573 rgb(150,101,115)
```
#a05b6e
```
#a05b6e rgb(160,91,110)
```
#aa516a
```
#aa516a rgb(170,81,106)
```
#b34866
```
#b34866 rgb(179,72,102)
```
#bd3e62
```
#bd3e62 rgb(189,62,98)
```
#c7345d
```
#c7345d rgb(199,52,93)
```
#d02b59
```
#d02b59 rgb(208,43,89)
```
#da2155
```
#da2155 rgb(218,33,85)
```
#e41751
```
#e41751 rgb(228,23,81)
```
#ed0e4c
```
#ed0e4c rgb(237,14,76)
```
#f70448
```
#f70448 rgb(247,4,72)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#754452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a826f Protanopia 1% of men
#a07d42 Deuteranopia 1% of men
#f62520 Tritanopia 0.001% of the population

Trichromacy

#b15461 Protanomaly 1% of men, 0.01% of women
#bf5144 Deuteranomaly 6% of men, 0.4% of women
#f6192e Tritanomaly 0.01% of the population

#f70448 hex color

#f70448 Color Information

#f70448 Color Conversion

Color Schemes with #f70448

Alternatives to #f70448

#f70448 Preview

Shades and Tints of #f70448

Tones of #f70448

Color Blindness Simulator