#f30a04 hex color

In a RGB color space, hex #f30a04 is composed of 95.3% red, 3.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.9% magenta, 98.4% yellow and 4.7% black. It has a hue angle of 1.5 degrees, a saturation of 96.8% and a lightness of 48.4%. #f30a04 color hex could be obtained by blending #ff1408 with #e70000. Closest websafe color is: #ff0000.

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

● #f30a04 color description : Vivid red.

The hexadecimal color #f30a04 has RGB values of R:243, G:10, B:4 and CMYK values of C:0, M:0.96, Y:0.98, K:0.05. Its decimal value is 15927812.

Hex triplet	f30a04	`#f30a04`
RGB Decimal	243, 10, 4	`rgb(243,10,4)`
RGB Percent	95.3, 3.9, 1.6	`rgb(95.3%,3.9%,1.6%)`
CMYK	0, 96, 98, 5
HSL	1.5°, 96.8, 48.4	`hsl(1.5,96.8%,48.4%)`
HSV (or HSB)	1.5°, 98.4, 95.3
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.02, 76.516, 63.819
XYZ	37.095, 19.286, 1.884
xyY	0.637, 0.331, 19.286
CIE-LCH	51.02, 99.637, 39.83
CIE-LUV	51.02, 165.179, 36.092
Hunter-Lab	43.915, 73.925, 28.197
Binary	11110011, 00001010, 00000100

#f30a04
```
#f30a04 rgb(243,10,4)
```
#04edf3
```
#04edf3 rgb(4,237,243)
```

Complementary Color

#f30476
```
#f30476 rgb(243,4,118)
```
#f30a04
```
#f30a04 rgb(243,10,4)
```
#f38204
```
#f38204 rgb(243,130,4)
```

Analogous Color

#0476f3
```
#0476f3 rgb(4,118,243)
```
#f30a04
```
#f30a04 rgb(243,10,4)
```
#04f382
```
#04f382 rgb(4,243,130)
```

Split Complementary Color

#0a04f3
```
#0a04f3 rgb(10,4,243)
```
#f30a04
```
#f30a04 rgb(243,10,4)
```
#04f30a
```
#04f30a rgb(4,243,10)
```

Triadic Color

#f304ed
```
#f304ed rgb(243,4,237)
```
#f30a04
```
#f30a04 rgb(243,10,4)
```
#04f30a
```
#04f30a rgb(4,243,10)
```
#04edf3
```
#04edf3 rgb(4,237,243)
```

Tetradic Color

#a80703
```
#a80703 rgb(168,7,3)
```
#c10803
```
#c10803 rgb(193,8,3)
```
#da0904
```
#da0904 rgb(218,9,4)
```
#f30a04
```
#f30a04 rgb(243,10,4)
```
#fb1b15
```
#fb1b15 rgb(251,27,21)
```
#fc342e
```
#fc342e rgb(252,52,46)
```
#fc4c48
```
#fc4c48 rgb(252,76,72)
```

Monochromatic Color

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

#f3043a
```
#f3043a rgb(243,4,58)
```
#f30426
```
#f30426 rgb(243,4,38)
```
#f30412
```
#f30412 rgb(243,4,18)
```
#f30a04
```
#f30a04 rgb(243,10,4)
```
#f31e04
```
#f31e04 rgb(243,30,4)
```
#f33204
```
#f33204 rgb(243,50,4)
```
#f34604
```
#f34604 rgb(243,70,4)
```

Similar Colors

Text with hexadecimal color #f30a04

This text has a font color of #f30a04.

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

#f30a04 background color

This paragraph has a background color of #f30a04.

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

#f30a04 border color

This element has a border color of #f30a04.

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

CSS codes

.text {color:#f30a04;}

.background {background-color:#f30a04;}

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

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

#0b0000
```
#0b0000 rgb(11,0,0)
```
#1f0101
```
#1f0101 rgb(31,1,1)
```
#320201
```
#320201 rgb(50,2,1)
```
#450301
```
#450301 rgb(69,3,1)
```
#590401
```
#590401 rgb(89,4,1)
```
#6c0402
```
#6c0402 rgb(108,4,2)
```
#7f0502
```
#7f0502 rgb(127,5,2)
```
#930602
```
#930602 rgb(147,6,2)
```
#a60703
```
#a60703 rgb(166,7,3)
```
#b90803
```
#b90803 rgb(185,8,3)
```
#cc0803
```
#cc0803 rgb(204,8,3)
```
#e00904
```
#e00904 rgb(224,9,4)
```
#f30a04
```
#f30a04 rgb(243,10,4)
```

Shade Color Variation

#fb1510
```
#fb1510 rgb(251,21,16)
```
#fb2823
```
#fb2823 rgb(251,40,35)
```
#fc3b36
```
#fc3b36 rgb(252,59,54)
```
#fc4e49
```
#fc4e49 rgb(252,78,73)
```
#fc615d
```
#fc615d rgb(252,97,93)
```
#fd7470
```
#fd7470 rgb(253,116,112)
```
#fd8683
```
#fd8683 rgb(253,134,131)
```
#fd9997
```
#fd9997 rgb(253,153,151)
```
#feacaa
```
#feacaa rgb(254,172,170)
```
#febfbd
```
#febfbd rgb(254,191,189)
```
#fed2d1
```
#fed2d1 rgb(254,210,209)
```
#ffe5e4
```
#ffe5e4 rgb(255,229,228)
```
#fff7f7
```
#fff7f7 rgb(255,247,247)
```

Tint Color Variation

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

#817676
```
#817676 rgb(129,118,118)
```
#8b6d6d
```
#8b6d6d rgb(139,109,109)
```
#946463
```
#946463 rgb(148,100,99)
```
#9e5b5a
```
#9e5b5a rgb(158,91,90)
```
#a75250
```
#a75250 rgb(167,82,80)
```
#b14947
```
#b14947 rgb(177,73,71)
```
#ba403d
```
#ba403d rgb(186,64,61)
```
#c43734
```
#c43734 rgb(196,55,52)
```
#cd2e2a
```
#cd2e2a rgb(205,46,42)
```
#d72521
```
#d72521 rgb(215,37,33)
```
#e01c17
```
#e01c17 rgb(224,28,23)
```
#ea130e
```
#ea130e rgb(234,19,14)
```
#f30a04
```
#f30a04 rgb(243,10,4)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#704140 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#b35519 Protanomaly 1% of men, 0.01% of women
#be5101 Deuteranomaly 6% of men, 0.4% of women
#f31401 Tritanomaly 0.01% of the population

#f30a04 hex color

#f30a04 Color Information

#f30a04 Color Conversion

Color Schemes with #f30a04

Alternatives to #f30a04

#f30a04 Preview

Shades and Tints of #f30a04

Tones of #f30a04

Color Blindness Simulator