#f70e45 hex color

In a RGB color space, hex #f70e45 is composed of 96.9% red, 5.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.3% magenta, 72.1% yellow and 3.1% black. It has a hue angle of 345.8 degrees, a saturation of 93.6% and a lightness of 51.2%. #f70e45 color hex could be obtained by blending #ff1c8a with #ef0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 97
- G 5
- B 27
RGB color chart
- C 0
- M 94
- Y 72
- K 3
CMYK color chart

● #f70e45 color description : Vivid red.

The hexadecimal color #f70e45 has RGB values of R:247, G:14, B:69 and CMYK values of C:0, M:0.94, Y:0.72, K:0.03. Its decimal value is 16191045.

Hex triplet	f70e45	`#f70e45`
RGB Decimal	247, 14, 69	`rgb(247,14,69)`
RGB Percent	96.9, 5.5, 27.1	`rgb(96.9%,5.5%,27.1%)`
CMYK	0, 94, 72, 3
HSL	345.8°, 93.6, 51.2	`hsl(345.8,93.6%,51.2%)`
HSV (or HSB)	345.8°, 94.3, 96.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.423, 78.484, 35.963
XYZ	39.591, 20.523, 7.507
xyY	0.585, 0.304, 20.523
CIE-LCH	52.423, 86.331, 24.618
CIE-LUV	52.423, 156.897, 21.08
Hunter-Lab	45.302, 76.717, 21.887
Binary	11110111, 00001110, 01000101

#f70e45
```
#f70e45 rgb(247,14,69)
```
#0ef7c0
```
#0ef7c0 rgb(14,247,192)
```

Complementary Color

#f70eba
```
#f70eba rgb(247,14,186)
```
#f70e45
```
#f70e45 rgb(247,14,69)
```
#f74c0e
```
#f74c0e rgb(247,76,14)
```

Analogous Color

#0ebaf7
```
#0ebaf7 rgb(14,186,247)
```
#f70e45
```
#f70e45 rgb(247,14,69)
```
#0ef74c
```
#0ef74c rgb(14,247,76)
```

Split Complementary Color

#0e45f7
```
#0e45f7 rgb(14,69,247)
```
#f70e45
```
#f70e45 rgb(247,14,69)
```
#45f70e
```
#45f70e rgb(69,247,14)
```

Triadic Color

#c00ef7
```
#c00ef7 rgb(192,14,247)
```
#f70e45
```
#f70e45 rgb(247,14,69)
```
#45f70e
```
#45f70e rgb(69,247,14)
```
#0ef7c0
```
#0ef7c0 rgb(14,247,192)
```

Tetradic Color

#b3062f
```
#b3062f rgb(179,6,47)
```
#cb0735
```
#cb0735 rgb(203,7,53)
```
#e4083c
```
#e4083c rgb(228,8,60)
```
#f70e45
```
#f70e45 rgb(247,14,69)
```
#f82758
```
#f82758 rgb(248,39,88)
```
#f93f6b
```
#f93f6b rgb(249,63,107)
```
#f9587e
```
#f9587e rgb(249,88,126)
```

Monochromatic Color

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

#f70e7f
```
#f70e7f rgb(247,14,127)
```
#f70e6c
```
#f70e6c rgb(247,14,108)
```
#f70e58
```
#f70e58 rgb(247,14,88)
```
#f70e45
```
#f70e45 rgb(247,14,69)
```
#f70e32
```
#f70e32 rgb(247,14,50)
```
#f70e1e
```
#f70e1e rgb(247,14,30)
```
#f7110e
```
#f7110e rgb(247,17,14)
```

Similar Colors

Text with hexadecimal color #f70e45

This text has a font color of #f70e45.

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

#f70e45 background color

This paragraph has a background color of #f70e45.

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

#f70e45 border color

This element has a border color of #f70e45.

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

CSS codes

.text {color:#f70e45;}

.background {background-color:#f70e45;}

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

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

#060002
```
#060002 rgb(6,0,2)
```
#190106
```
#190106 rgb(25,1,6)
```
#2c010b
```
#2c010b rgb(44,1,11)
```
#3f0210
```
#3f0210 rgb(63,2,16)
```
#520315
```
#520315 rgb(82,3,21)
```
#65031a
```
#65031a rgb(101,3,26)
```
#78041f
```
#78041f rgb(120,4,31)
```
#8b0524
```
#8b0524 rgb(139,5,36)
```
#9e0529
```
#9e0529 rgb(158,5,41)
```
#b1062e
```
#b1062e rgb(177,6,46)
```
#c40633
```
#c40633 rgb(196,6,51)
```
#d70738
```
#d70738 rgb(215,7,56)
```
#ea083d
```
#ea083d rgb(234,8,61)
```

Shade Color Variation

#f70e45
```
#f70e45 rgb(247,14,69)
```
#f82154
```
#f82154 rgb(248,33,84)
```
#f83462
```
#f83462 rgb(248,52,98)
```
#f94771
```
#f94771 rgb(249,71,113)
```
#fa5a80
```
#fa5a80 rgb(250,90,128)
```
#fa6d8e
```
#fa6d8e rgb(250,109,142)
```
#fb809d
```
#fb809d rgb(251,128,157)
```
#fb93ac
```
#fb93ac rgb(251,147,172)
```
#fca6ba
```
#fca6ba rgb(252,166,186)
```
#fdb9c9
```
#fdb9c9 rgb(253,185,201)
```
#fdccd8
```
#fdccd8 rgb(253,204,216)
```
#fedfe6
```
#fedfe6 rgb(254,223,230)
```
#fff2f5
```
#fff2f5 rgb(255,242,245)
```

Tint Color Variation

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

#848182
```
#848182 rgb(132,129,130)
```
#8e777d
```
#8e777d rgb(142,119,125)
```
#976e78
```
#976e78 rgb(151,110,120)
```
#a16473
```
#a16473 rgb(161,100,115)
```
#aa5b6d
```
#aa5b6d rgb(170,91,109)
```
#b45168
```
#b45168 rgb(180,81,104)
```
#be4763
```
#be4763 rgb(190,71,99)
```
#c73e5e
```
#c73e5e rgb(199,62,94)
```
#d13459
```
#d13459 rgb(209,52,89)
```
#da2b54
```
#da2b54 rgb(218,43,84)
```
#e4214f
```
#e4214f rgb(228,33,79)
```
#ed184a
```
#ed184a rgb(237,24,74)
```
#f70e45
```
#f70e45 rgb(247,14,69)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#794b56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b836b Protanopia 1% of men
#a17d3f Deuteranopia 1% of men
#f62824 Tritanopia 0.001% of the population

Trichromacy

#b2585d Protanomaly 1% of men, 0.01% of women
#c05541 Deuteranomaly 6% of men, 0.4% of women
#f61e30 Tritanomaly 0.01% of the population

#f70e45 hex color

#f70e45 Color Information

#f70e45 Color Conversion

Color Schemes with #f70e45

Alternatives to #f70e45

#f70e45 Preview

Shades and Tints of #f70e45

Tones of #f70e45

Color Blindness Simulator