#f30912 hex color

In a RGB color space, hex #f30912 is composed of 95.3% red, 3.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.3% magenta, 92.6% yellow and 4.7% black. It has a hue angle of 357.7 degrees, a saturation of 92.9% and a lightness of 49.4%. #f30912 color hex could be obtained by blending #ff1224 with #e70000. Closest websafe color is: #ff0000.

♥
- f
- t
- g
- R 95
- G 4
- B 7
RGB color chart
- C 0
- M 96
- Y 93
- K 5
CMYK color chart

● #f30912 color description : Vivid red.

The hexadecimal color #f30912 has RGB values of R:243, G:9, B:18 and CMYK values of C:0, M:0.96, Y:0.93, K:0.05. Its decimal value is 15927570.

Hex triplet	f30912	`#f30912`
RGB Decimal	243, 9, 18	`rgb(243,9,18)`
RGB Percent	95.3, 3.5, 7.1	`rgb(95.3%,3.5%,7.1%)`
CMYK	0, 96, 93, 5
HSL	357.7°, 92.9, 49.4	`hsl(357.7,92.9%,49.4%)`
HSV (or HSB)	357.7°, 96.3, 95.3
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.035, 76.701, 59.971
XYZ	37.171, 19.299, 2.34
xyY	0.632, 0.328, 19.299
CIE-LCH	51.035, 97.363, 38.021
CIE-LUV	51.035, 164.377, 34.632
Hunter-Lab	43.93, 74.158, 27.593
Binary	11110011, 00001001, 00010010

#f30912
```
#f30912 rgb(243,9,18)
```
#09f3ea
```
#09f3ea rgb(9,243,234)
```

Complementary Color

#f30987
```
#f30987 rgb(243,9,135)
```
#f30912
```
#f30912 rgb(243,9,18)
```
#f37509
```
#f37509 rgb(243,117,9)
```

Analogous Color

#0987f3
```
#0987f3 rgb(9,135,243)
```
#f30912
```
#f30912 rgb(243,9,18)
```
#09f375
```
#09f375 rgb(9,243,117)
```

Split Complementary Color

#0912f3
```
#0912f3 rgb(9,18,243)
```
#f30912
```
#f30912 rgb(243,9,18)
```
#12f309
```
#12f309 rgb(18,243,9)
```

Triadic Color

#ea09f3
```
#ea09f3 rgb(234,9,243)
```
#f30912
```
#f30912 rgb(243,9,18)
```
#12f309
```
#12f309 rgb(18,243,9)
```
#09f3ea
```
#09f3ea rgb(9,243,234)
```

Tetradic Color

#a9060d
```
#a9060d rgb(169,6,13)
```
#c2070e
```
#c2070e rgb(194,7,14)
```
#da0810
```
#da0810 rgb(218,8,16)
```
#f30912
```
#f30912 rgb(243,9,18)
```
#f71f27
```
#f71f27 rgb(247,31,39)
```
#f8373f
```
#f8373f rgb(248,55,63)
```
#f95056
```
#f95056 rgb(249,80,86)
```

Monochromatic Color

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

#f3094d
```
#f3094d rgb(243,9,77)
```
#f30939
```
#f30939 rgb(243,9,57)
```
#f30926
```
#f30926 rgb(243,9,38)
```
#f30912
```
#f30912 rgb(243,9,18)
```
#f31309
```
#f31309 rgb(243,19,9)
```
#f32709
```
#f32709 rgb(243,39,9)
```
#f33b09
```
#f33b09 rgb(243,59,9)
```

Similar Colors

Text with hexadecimal color #f30912

This text has a font color of #f30912.

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

#f30912 background color

This paragraph has a background color of #f30912.

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

#f30912 border color

This element has a border color of #f30912.

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

CSS codes

.text {color:#f30912;}

.background {background-color:#f30912;}

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

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

#100101
```
#100101 rgb(16,1,1)
```
#230103
```
#230103 rgb(35,1,3)
```
#360204
```
#360204 rgb(54,2,4)
```
#490305
```
#490305 rgb(73,3,5)
```
#5c0307
```
#5c0307 rgb(92,3,7)
```
#6f0408
```
#6f0408 rgb(111,4,8)
```
#82050a
```
#82050a rgb(130,5,10)
```
#94050b
```
#94050b rgb(148,5,11)
```
#a7060c
```
#a7060c rgb(167,6,12)
```
#ba070e
```
#ba070e rgb(186,7,14)
```
#cd080f
```
#cd080f rgb(205,8,15)
```
#e00811
```
#e00811 rgb(224,8,17)
```
#f30912
```
#f30912 rgb(243,9,18)
```

Shade Color Variation

#f61922
```
#f61922 rgb(246,25,34)
```
#f72c34
```
#f72c34 rgb(247,44,52)
```
#f83f46
```
#f83f46 rgb(248,63,70)
```
#f95258
```
#f95258 rgb(249,82,88)
```
#f9656b
```
#f9656b rgb(249,101,107)
```
#fa787d
```
#fa787d rgb(250,120,125)
```
#fb8b8f
```
#fb8b8f rgb(251,139,143)
```
#fb9ea1
```
#fb9ea1 rgb(251,158,161)
```
#fcb0b3
```
#fcb0b3 rgb(252,176,179)
```
#fdc3c6
```
#fdc3c6 rgb(253,195,198)
```
#fdd6d8
```
#fdd6d8 rgb(253,214,216)
```
#fee9ea
```
#fee9ea rgb(254,233,234)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

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

#7f7d7d
```
#7f7d7d rgb(127,125,125)
```
#887474
```
#887474 rgb(136,116,116)
```
#926a6b
```
#926a6b rgb(146,106,107)
```
#9c6063
```
#9c6063 rgb(156,96,99)
```
#a5575a
```
#a5575a rgb(165,87,90)
```
#af4d51
```
#af4d51 rgb(175,77,81)
```
#b94348
```
#b94348 rgb(185,67,72)
```
#c3393f
```
#c3393f rgb(195,57,63)
```
#cc3036
```
#cc3036 rgb(204,48,54)
```
#d6262d
```
#d6262d rgb(214,38,45)
```
#e01c24
```
#e01c24 rgb(224,28,36)
```
#e9131b
```
#e9131b rgb(233,19,27)
```
#f30912
```
#f30912 rgb(243,9,18)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#714244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8031 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#f31900 Tritanopia 0.001% of the population

Trichromacy

#b35526 Protanomaly 1% of men, 0.01% of women
#be5106 Deuteranomaly 6% of men, 0.4% of women
#f31306 Tritanomaly 0.01% of the population

#f30912 hex color

#f30912 Color Information

#f30912 Color Conversion

Color Schemes with #f30912

Alternatives to #f30912

#f30912 Preview

Shades and Tints of #f30912

Tones of #f30912

Color Blindness Simulator