#f70300 hex color

In a RGB color space, hex #f70300 is composed of 96.9% red, 1.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 100% yellow and 3.1% black. It has a hue angle of 0.7 degrees, a saturation of 100% and a lightness of 48.4%. #f70300 color hex could be obtained by blending #ff0600 with #ef0000. Closest websafe color is: #ff0000.

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

● #f70300 color description : Pure (or mostly pure) red.

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

Hex triplet	f70300	`#f70300`
RGB Decimal	247, 3, 0	`rgb(247,3,0)`
RGB Percent	96.9, 1.2, 0	`rgb(96.9%,1.2%,0%)`
CMYK	0, 99, 100, 3
HSL	0.7°, 100, 48.4	`hsl(0.7,100%,48.4%)`
HSV (or HSB)	0.7°, 100, 96.9
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.661, 77.965, 65.623
XYZ	38.393, 19.844, 1.809
xyY	0.639, 0.33, 19.844
CIE-LCH	51.661, 101.906, 40.088
CIE-LUV	51.661, 169.154, 36.717
Hunter-Lab	44.547, 75.881, 28.775
Binary	11110111, 00000011, 00000000

#f70300
```
#f70300 rgb(247,3,0)
```
#00f4f7
```
#00f4f7 rgb(0,244,247)
```

Complementary Color

#f70079
```
#f70079 rgb(247,0,121)
```
#f70300
```
#f70300 rgb(247,3,0)
```
#f77f00
```
#f77f00 rgb(247,127,0)
```

Analogous Color

#0079f7
```
#0079f7 rgb(0,121,247)
```
#f70300
```
#f70300 rgb(247,3,0)
```
#00f77f
```
#00f77f rgb(0,247,127)
```

Split Complementary Color

#0300f7
```
#0300f7 rgb(3,0,247)
```
#f70300
```
#f70300 rgb(247,3,0)
```
#00f703
```
#00f703 rgb(0,247,3)
```

Triadic Color

#f700f4
```
#f700f4 rgb(247,0,244)
```
#f70300
```
#f70300 rgb(247,3,0)
```
#00f703
```
#00f703 rgb(0,247,3)
```
#00f4f7
```
#00f4f7 rgb(0,244,247)
```

Tetradic Color

#ab0200
```
#ab0200 rgb(171,2,0)
```
#c40200
```
#c40200 rgb(196,2,0)
```
#de0300
```
#de0300 rgb(222,3,0)
```
#f70300
```
#f70300 rgb(247,3,0)
```
#ff1412
```
#ff1412 rgb(255,20,18)
```
#ff2e2b
```
#ff2e2b rgb(255,46,43)
```
#ff4745
```
#ff4745 rgb(255,71,69)
```

Monochromatic Color

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

#f7003b
```
#f7003b rgb(247,0,59)
```
#f70026
```
#f70026 rgb(247,0,38)
```
#f70012
```
#f70012 rgb(247,0,18)
```
#f70300
```
#f70300 rgb(247,3,0)
```
#f71800
```
#f71800 rgb(247,24,0)
```
#f72c00
```
#f72c00 rgb(247,44,0)
```
#f74100
```
#f74100 rgb(247,65,0)
```

Similar Colors

Text with hexadecimal color #f70300

This text has a font color of #f70300.

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

#f70300 background color

This paragraph has a background color of #f70300.

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

#f70300 border color

This element has a border color of #f70300.

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

CSS codes

.text {color:#f70300;}

.background {background-color:#f70300;}

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

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

#0c0000
```
#0c0000 rgb(12,0,0)
```
#1f0000
```
#1f0000 rgb(31,0,0)
```
#330100
```
#330100 rgb(51,1,0)
```
#460100
```
#460100 rgb(70,1,0)
```
#5a0100
```
#5a0100 rgb(90,1,0)
```
#6e0100
```
#6e0100 rgb(110,1,0)
```
#810200
```
#810200 rgb(129,2,0)
```
#950200
```
#950200 rgb(149,2,0)
```
#a90200
```
#a90200 rgb(169,2,0)
```
#bc0200
```
#bc0200 rgb(188,2,0)
```
#d00300
```
#d00300 rgb(208,3,0)
```
#e30300
```
#e30300 rgb(227,3,0)
```
#f70300
```
#f70300 rgb(247,3,0)
```

Shade Color Variation

#ff0f0c
```
#ff0f0c rgb(255,15,12)
```
#ff221f
```
#ff221f rgb(255,34,31)
```
#ff3533
```
#ff3533 rgb(255,53,51)
```
#ff4946
```
#ff4946 rgb(255,73,70)
```
#ff5c5a
```
#ff5c5a rgb(255,92,90)
```
#ff6f6e
```
#ff6f6e rgb(255,111,110)
```
#ff8381
```
#ff8381 rgb(255,131,129)
```
#ff9695
```
#ff9695 rgb(255,150,149)
```
#ffaaa9
```
#ffaaa9 rgb(255,170,169)
```
#ffbdbc
```
#ffbdbc rgb(255,189,188)
```
#ffd0d0
```
#ffd0d0 rgb(255,208,208)
```
#ffe4e3
```
#ffe4e3 rgb(255,228,227)
```
#fff7f7
```
#fff7f7 rgb(255,247,247)
```

Tint Color Variation

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

#857272
```
#857272 rgb(133,114,114)
```
#8f6969
```
#8f6969 rgb(143,105,105)
```
#98605f
```
#98605f rgb(152,96,95)
```
#a25656
```
#a25656 rgb(162,86,86)
```
#ab4d4c
```
#ab4d4c rgb(171,77,76)
```
#b54443
```
#b54443 rgb(181,68,67)
```
#be3b39
```
#be3b39 rgb(190,59,57)
```
#c83130
```
#c83130 rgb(200,49,48)
```
#d12826
```
#d12826 rgb(209,40,38)
```
#db1f1d
```
#db1f1d rgb(219,31,29)
```
#e41613
```
#e41613 rgb(228,22,19)
```
#ee0c0a
```
#ee0c0a rgb(238,12,10)
```
#f70300
```
#f70300 rgb(247,3,0)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#6e3d3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#918222 Protanopia 1% of men
#a27b00 Deuteranopia 1% of men
#f61b00 Tritanopia 0.001% of the population

Trichromacy

#b65315 Protanomaly 1% of men, 0.01% of women
#c14f00 Deuteranomaly 6% of men, 0.4% of women
#f61200 Tritanomaly 0.01% of the population

#f70300 hex color

#f70300 Color Information

#f70300 Color Conversion

Color Schemes with #f70300

Alternatives to #f70300

#f70300 Preview

Shades and Tints of #f70300

Tones of #f70300

Color Blindness Simulator