#f70d30 hex color

In a RGB color space, hex #f70d30 is composed of 96.9% red, 5.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.7% magenta, 80.6% yellow and 3.1% black. It has a hue angle of 351 degrees, a saturation of 93.6% and a lightness of 51%. #f70d30 color hex could be obtained by blending #ff1a60 with #ef0000. Closest websafe color is: #ff0033.

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

● #f70d30 color description : Vivid red.

The hexadecimal color #f70d30 has RGB values of R:247, G:13, B:48 and CMYK values of C:0, M:0.95, Y:0.81, K:0.03. Its decimal value is 16190768.

Hex triplet	f70d30	`#f70d30`
RGB Decimal	247, 13, 48	`rgb(247,13,48)`
RGB Percent	96.9, 5.1, 18.8	`rgb(96.9%,5.1%,18.8%)`
CMYK	0, 95, 81, 3
HSL	351°, 93.6, 51	`hsl(351,93.6%,51%)`
HSV (or HSB)	351°, 94.7, 96.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.153, 77.901, 47.57
XYZ	39.037, 20.281, 4.655
xyY	0.61, 0.317, 20.281
CIE-LCH	52.153, 91.277, 31.41
CIE-LUV	52.153, 162.239, 28.906
Hunter-Lab	45.034, 75.922, 25.395
Binary	11110111, 00001101, 00110000

#f70d30
```
#f70d30 rgb(247,13,48)
```
#0df7d4
```
#0df7d4 rgb(13,247,212)
```

Complementary Color

#f70da5
```
#f70da5 rgb(247,13,165)
```
#f70d30
```
#f70d30 rgb(247,13,48)
```
#f75f0d
```
#f75f0d rgb(247,95,13)
```

Analogous Color

#0da5f7
```
#0da5f7 rgb(13,165,247)
```
#f70d30
```
#f70d30 rgb(247,13,48)
```
#0df75f
```
#0df75f rgb(13,247,95)
```

Split Complementary Color

#0d30f7
```
#0d30f7 rgb(13,48,247)
```
#f70d30
```
#f70d30 rgb(247,13,48)
```
#30f70d
```
#30f70d rgb(48,247,13)
```

Triadic Color

#d40df7
```
#d40df7 rgb(212,13,247)
```
#f70d30
```
#f70d30 rgb(247,13,48)
```
#30f70d
```
#30f70d rgb(48,247,13)
```
#0df7d4
```
#0df7d4 rgb(13,247,212)
```

Tetradic Color

#b20620
```
#b20620 rgb(178,6,32)
```
#ca0724
```
#ca0724 rgb(202,7,36)
```
#e30828
```
#e30828 rgb(227,8,40)
```
#f70d30
```
#f70d30 rgb(247,13,48)
```
#f82645
```
#f82645 rgb(248,38,69)
```
#f93e5a
```
#f93e5a rgb(249,62,90)
```
#f9576f
```
#f9576f rgb(249,87,111)
```

Monochromatic Color

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

#f70d6b
```
#f70d6b rgb(247,13,107)
```
#f70d57
```
#f70d57 rgb(247,13,87)
```
#f70d43
```
#f70d43 rgb(247,13,67)
```
#f70d30
```
#f70d30 rgb(247,13,48)
```
#f70d1c
```
#f70d1c rgb(247,13,28)
```
#f7110d
```
#f7110d rgb(247,17,13)
```
#f7250d
```
#f7250d rgb(247,37,13)
```

Similar Colors

Text with hexadecimal color #f70d30

This text has a font color of #f70d30.

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

#f70d30 background color

This paragraph has a background color of #f70d30.

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

#f70d30 border color

This element has a border color of #f70d30.

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

CSS codes

.text {color:#f70d30;}

.background {background-color:#f70d30;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#180104
```
#180104 rgb(24,1,4)
```
#2b0108
```
#2b0108 rgb(43,1,8)
```
#3e020b
```
#3e020b rgb(62,2,11)
```
#51030e
```
#51030e rgb(81,3,14)
```
#640312
```
#640312 rgb(100,3,18)
```
#770415
```
#770415 rgb(119,4,21)
```
#8a0518
```
#8a0518 rgb(138,5,24)
```
#9d051c
```
#9d051c rgb(157,5,28)
```
#b0061f
```
#b0061f rgb(176,6,31)
```
#c30623
```
#c30623 rgb(195,6,35)
```
#d60726
```
#d60726 rgb(214,7,38)
```
#e90829
```
#e90829 rgb(233,8,41)
```

Shade Color Variation

#f70d30
```
#f70d30 rgb(247,13,48)
```
#f82040
```
#f82040 rgb(248,32,64)
```
#f83350
```
#f83350 rgb(248,51,80)
```
#f94661
```
#f94661 rgb(249,70,97)
```
#fa5971
```
#fa5971 rgb(250,89,113)
```
#fa6c81
```
#fa6c81 rgb(250,108,129)
```
#fb7f91
```
#fb7f91 rgb(251,127,145)
```
#fb92a2
```
#fb92a2 rgb(251,146,162)
```
#fca5b2
```
#fca5b2 rgb(252,165,178)
```
#fdb8c2
```
#fdb8c2 rgb(253,184,194)
```
#fdcbd2
```
#fdcbd2 rgb(253,203,210)
```
#fedee3
```
#fedee3 rgb(254,222,227)
```
#fff1f3
```
#fff1f3 rgb(255,241,243)
```

Tint Color Variation

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

#848081
```
#848081 rgb(132,128,129)
```
#8d777a
```
#8d777a rgb(141,119,122)
```
#976d73
```
#976d73 rgb(151,109,115)
```
#a0646d
```
#a0646d rgb(160,100,109)
```
#aa5a66
```
#aa5a66 rgb(170,90,102)
```
#b4505f
```
#b4505f rgb(180,80,95)
```
#bd4758
```
#bd4758 rgb(189,71,88)
```
#c73d52
```
#c73d52 rgb(199,61,82)
```
#d1334b
```
#d1334b rgb(209,51,75)
```
#da2a44
```
#da2a44 rgb(218,42,68)
```
#e4203d
```
#e4203d rgb(228,32,61)
```
#ed1737
```
#ed1737 rgb(237,23,55)
```
#f70d30
```
#f70d30 rgb(247,13,48)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#77484f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8352 Protanopia 1% of men
#a37c27 Deuteranopia 1% of men
#f6211a Tritanopia 0.001% of the population

Trichromacy

#b45845 Protanomaly 1% of men, 0.01% of women
#c1542a Deuteranomaly 6% of men, 0.4% of women
#f61a22 Tritanomaly 0.01% of the population

#f70d30 hex color

#f70d30 Color Information

#f70d30 Color Conversion

Color Schemes with #f70d30

Alternatives to #f70d30

#f70d30 Preview

Shades and Tints of #f70d30

Tones of #f70d30

Color Blindness Simulator