#f70336 hex color

In a RGB color space, hex #f70336 is composed of 96.9% red, 1.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 78.1% yellow and 3.1% black. It has a hue angle of 347.5 degrees, a saturation of 97.6% and a lightness of 49%. #f70336 color hex could be obtained by blending #ff066c with #ef0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 97
- G 1
- B 21
RGB color chart
- C 0
- M 99
- Y 78
- K 3
CMYK color chart

● #f70336 color description : Vivid red.

The hexadecimal color #f70336 has RGB values of R:247, G:3, B:54 and CMYK values of C:0, M:0.99, Y:0.78, K:0.03. Its decimal value is 16188214.

Hex triplet	f70336	`#f70336`
RGB Decimal	247, 3, 54	`rgb(247,3,54)`
RGB Percent	96.9, 1.2, 21.2	`rgb(96.9%,1.2%,21.2%)`
CMYK	0, 99, 78, 3
HSL	347.5°, 97.6, 49	`hsl(347.5,97.6%,49%)`
HSV (or HSB)	347.5°, 98.8, 96.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.962, 78.79, 44.082
XYZ	39.058, 20.111, 5.315
xyY	0.606, 0.312, 20.111
CIE-LCH	51.962, 90.283, 29.227
CIE-LUV	51.962, 162.256, 26.435
Hunter-Lab	44.845, 76.988, 24.364
Binary	11110111, 00000011, 00110110

#f70336
```
#f70336 rgb(247,3,54)
```
#03f7c4
```
#03f7c4 rgb(3,247,196)
```

Complementary Color

#f703b0
```
#f703b0 rgb(247,3,176)
```
#f70336
```
#f70336 rgb(247,3,54)
```
#f74a03
```
#f74a03 rgb(247,74,3)
```

Analogous Color

#03b0f7
```
#03b0f7 rgb(3,176,247)
```
#f70336
```
#f70336 rgb(247,3,54)
```
#03f74a
```
#03f74a rgb(3,247,74)
```

Split Complementary Color

#0336f7
```
#0336f7 rgb(3,54,247)
```
#f70336
```
#f70336 rgb(247,3,54)
```
#36f703
```
#36f703 rgb(54,247,3)
```

Triadic Color

#c403f7
```
#c403f7 rgb(196,3,247)
```
#f70336
```
#f70336 rgb(247,3,54)
```
#36f703
```
#36f703 rgb(54,247,3)
```
#03f7c4
```
#03f7c4 rgb(3,247,196)
```

Tetradic Color

#ab0225
```
#ab0225 rgb(171,2,37)
```
#c5022b
```
#c5022b rgb(197,2,43)
```
#de0330
```
#de0330 rgb(222,3,48)
```
#f70336
```
#f70336 rgb(247,3,54)
```
#fc1747
```
#fc1747 rgb(252,23,71)
```
#fc315b
```
#fc315b rgb(252,49,91)
```
#fd4a6f
```
#fd4a6f rgb(253,74,111)
```

Monochromatic Color

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

#f70373
```
#f70373 rgb(247,3,115)
```
#f7035f
```
#f7035f rgb(247,3,95)
```
#f7034a
```
#f7034a rgb(247,3,74)
```
#f70336
```
#f70336 rgb(247,3,54)
```
#f70322
```
#f70322 rgb(247,3,34)
```
#f7030d
```
#f7030d rgb(247,3,13)
```
#f70d03
```
#f70d03 rgb(247,13,3)
```

Similar Colors

Text with hexadecimal color #f70336

This text has a font color of #f70336.

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

#f70336 background color

This paragraph has a background color of #f70336.

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

#f70336 border color

This element has a border color of #f70336.

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

CSS codes

.text {color:#f70336;}

.background {background-color:#f70336;}

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

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

#0e0003
```
#0e0003 rgb(14,0,3)
```
#220007
```
#220007 rgb(34,0,7)
```
#35010c
```
#35010c rgb(53,1,12)
```
#490110
```
#490110 rgb(73,1,16)
```
#5c0114
```
#5c0114 rgb(92,1,20)
```
#6f0118
```
#6f0118 rgb(111,1,24)
```
#83021d
```
#83021d rgb(131,2,29)
```
#960221
```
#960221 rgb(150,2,33)
```
#a90225
```
#a90225 rgb(169,2,37)
```
#bd0229
```
#bd0229 rgb(189,2,41)
```
#d0032e
```
#d0032e rgb(208,3,46)
```
#e40332
```
#e40332 rgb(228,3,50)
```
#f70336
```
#f70336 rgb(247,3,54)
```

Shade Color Variation

#fc1243
```
#fc1243 rgb(252,18,67)
```
#fc2552
```
#fc2552 rgb(252,37,82)
```
#fd3861
```
#fd3861 rgb(253,56,97)
```
#fd4c71
```
#fd4c71 rgb(253,76,113)
```
#fd5f80
```
#fd5f80 rgb(253,95,128)
```
#fd728f
```
#fd728f rgb(253,114,143)
```
#fe869f
```
#fe869f rgb(254,134,159)
```
#fe99ae
```
#fe99ae rgb(254,153,174)
```
#feadbe
```
#feadbe rgb(254,173,190)
```
#fec0cd
```
#fec0cd rgb(254,192,205)
```
#fed3dc
```
#fed3dc rgb(254,211,220)
```
#ffe7ec
```
#ffe7ec rgb(255,231,236)
```
#fffafb
```
#fffafb rgb(255,250,251)
```

Tint Color Variation

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

#847679
```
#847679 rgb(132,118,121)
```
#8d6d74
```
#8d6d74 rgb(141,109,116)
```
#97636e
```
#97636e rgb(151,99,110)
```
#a05a68
```
#a05a68 rgb(160,90,104)
```
#aa5063
```
#aa5063 rgb(170,80,99)
```
#b4465d
```
#b4465d rgb(180,70,93)
```
#bd3d58
```
#bd3d58 rgb(189,61,88)
```
#c73352
```
#c73352 rgb(199,51,82)
```
#d1294c
```
#d1294c rgb(209,41,76)
```
#da2047
```
#da2047 rgb(218,32,71)
```
#e41641
```
#e41641 rgb(228,22,65)
```
#ed0d3c
```
#ed0d3c rgb(237,13,60)
```
#f70336
```
#f70336 rgb(247,3,54)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#73424c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d825a Protanopia 1% of men
#a27c2e Deuteranopia 1% of men
#f61e14 Tritanopia 0.001% of the population

Trichromacy

#b3544c Protanomaly 1% of men, 0.01% of women
#c05031 Deuteranomaly 6% of men, 0.4% of women
#f61420 Tritanomaly 0.01% of the population

#f70336 hex color

#f70336 Color Information

#f70336 Color Conversion

Color Schemes with #f70336

Alternatives to #f70336

#f70336 Preview

Shades and Tints of #f70336

Tones of #f70336

Color Blindness Simulator