#f70f5d hex color

In a RGB color space, hex #f70f5d is composed of 96.9% red, 5.9% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.9% magenta, 62.3% yellow and 3.1% black. It has a hue angle of 339.8 degrees, a saturation of 93.5% and a lightness of 51.4%. #f70f5d color hex could be obtained by blending #ff1eba with #ef0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 97
- G 6
- B 36
RGB color chart
- C 0
- M 94
- Y 62
- K 3
CMYK color chart

● #f70f5d color description : Vivid pink.

The hexadecimal color #f70f5d has RGB values of R:247, G:15, B:93 and CMYK values of C:0, M:0.94, Y:0.62, K:0.03. Its decimal value is 16191325.

Hex triplet	f70f5d	`#f70f5d`
RGB Decimal	247, 15, 93	`rgb(247,15,93)`
RGB Percent	96.9, 5.9, 36.5	`rgb(96.9%,5.9%,36.5%)`
CMYK	0, 94, 62, 3
HSL	339.8°, 93.5, 51.4	`hsl(339.8,93.5%,51.4%)`
HSV (or HSB)	339.8°, 93.9, 96.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.852, 79.492, 22.137
XYZ	40.506, 20.911, 12.259
xyY	0.55, 0.284, 20.911
CIE-LCH	52.852, 82.517, 15.561
CIE-LUV	52.852, 148.82, 8.971
Hunter-Lab	45.729, 78.089, 16.116
Binary	11110111, 00001111, 01011101

#f70f5d
```
#f70f5d rgb(247,15,93)
```
#0ff7a9
```
#0ff7a9 rgb(15,247,169)
```

Complementary Color

#f70fd1
```
#f70fd1 rgb(247,15,209)
```
#f70f5d
```
#f70f5d rgb(247,15,93)
```
#f7350f
```
#f7350f rgb(247,53,15)
```

Analogous Color

#0fd1f7
```
#0fd1f7 rgb(15,209,247)
```
#f70f5d
```
#f70f5d rgb(247,15,93)
```
#0ff735
```
#0ff735 rgb(15,247,53)
```

Split Complementary Color

#0f5df7
```
#0f5df7 rgb(15,93,247)
```
#f70f5d
```
#f70f5d rgb(247,15,93)
```
#5df70f
```
#5df70f rgb(93,247,15)
```

Triadic Color

#a90ff7
```
#a90ff7 rgb(169,15,247)
```
#f70f5d
```
#f70f5d rgb(247,15,93)
```
#5df70f
```
#5df70f rgb(93,247,15)
```
#0ff7a9
```
#0ff7a9 rgb(15,247,169)
```

Tetradic Color

#b40640
```
#b40640 rgb(180,6,64)
```
#cc0749
```
#cc0749 rgb(204,7,73)
```
#e50852
```
#e50852 rgb(229,8,82)
```
#f70f5d
```
#f70f5d rgb(247,15,93)
```
#f8286e
```
#f8286e rgb(248,40,110)
```
#f9407e
```
#f9407e rgb(249,64,126)
```
#f9598f
```
#f9598f rgb(249,89,143)
```

Monochromatic Color

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

#f70f97
```
#f70f97 rgb(247,15,151)
```
#f70f84
```
#f70f84 rgb(247,15,132)
```
#f70f70
```
#f70f70 rgb(247,15,112)
```
#f70f5d
```
#f70f5d rgb(247,15,93)
```
#f70f4a
```
#f70f4a rgb(247,15,74)
```
#f70f36
```
#f70f36 rgb(247,15,54)
```
#f70f23
```
#f70f23 rgb(247,15,35)
```

Similar Colors

Text with hexadecimal color #f70f5d

This text has a font color of #f70f5d.

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

#f70f5d background color

This paragraph has a background color of #f70f5d.

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

#f70f5d border color

This element has a border color of #f70f5d.

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

CSS codes

.text {color:#f70f5d;}

.background {background-color:#f70f5d;}

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

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

#070002
```
#070002 rgb(7,0,2)
```
#1a0109
```
#1a0109 rgb(26,1,9)
```
#2d0110
```
#2d0110 rgb(45,1,16)
```
#400217
```
#400217 rgb(64,2,23)
```
#53031e
```
#53031e rgb(83,3,30)
```
#660324
```
#660324 rgb(102,3,36)
```
#79042b
```
#79042b rgb(121,4,43)
```
#8c0532
```
#8c0532 rgb(140,5,50)
```
#9f0539
```
#9f0539 rgb(159,5,57)
```
#b20640
```
#b20640 rgb(178,6,64)
```
#c50746
```
#c50746 rgb(197,7,70)
```
#d8074d
```
#d8074d rgb(216,7,77)
```
#eb0854
```
#eb0854 rgb(235,8,84)
```

Shade Color Variation

#f70f5d
```
#f70f5d rgb(247,15,93)
```
#f8226a
```
#f8226a rgb(248,34,106)
```
#f83577
```
#f83577 rgb(248,53,119)
```
#f94883
```
#f94883 rgb(249,72,131)
```
#fa5b90
```
#fa5b90 rgb(250,91,144)
```
#fa6e9d
```
#fa6e9d rgb(250,110,157)
```
#fb81aa
```
#fb81aa rgb(251,129,170)
```
#fb94b7
```
#fb94b7 rgb(251,148,183)
```
#fca7c4
```
#fca7c4 rgb(252,167,196)
```
#fdbad0
```
#fdbad0 rgb(253,186,208)
```
#fdcddd
```
#fdcddd rgb(253,205,221)
```
#fee0ea
```
#fee0ea rgb(254,224,234)
```
#fff3f7
```
#fff3f7 rgb(255,243,247)
```

Tint Color Variation

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

#858182
```
#858182 rgb(133,129,130)
```
#8e787f
```
#8e787f rgb(142,120,127)
```
#986e7c
```
#986e7c rgb(152,110,124)
```
#a16579
```
#a16579 rgb(161,101,121)
```
#ab5b76
```
#ab5b76 rgb(171,91,118)
```
#b45273
```
#b45273 rgb(180,82,115)
```
#be4870
```
#be4870 rgb(190,72,112)
```
#c73f6d
```
#c73f6d rgb(199,63,109)
```
#d13569
```
#d13569 rgb(209,53,105)
```
#da2c66
```
#da2c66 rgb(218,44,102)
```
#e42263
```
#e42263 rgb(228,34,99)
```
#ed1960
```
#ed1960 rgb(237,25,96)
```
#f70f5d
```
#f70f5d rgb(247,15,93)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7c4d5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#858488 Protanopia 1% of men
#9e7f57 Deuteranopia 1% of men
#f5302f Tritanopia 0.001% of the population

Trichromacy

#af5978 Protanomaly 1% of men, 0.01% of women
#be5659 Deuteranomaly 6% of men, 0.4% of women
#f6243f Tritanomaly 0.01% of the population

#f70f5d hex color

#f70f5d Color Information

#f70f5d Color Conversion

Color Schemes with #f70f5d

Alternatives to #f70f5d

#f70f5d Preview

Shades and Tints of #f70f5d

Tones of #f70f5d

Color Blindness Simulator