#f30f0a hex color

In a RGB color space, hex #f30f0a is composed of 95.3% red, 5.9% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.8% magenta, 95.9% yellow and 4.7% black. It has a hue angle of 1.3 degrees, a saturation of 92.1% and a lightness of 49.6%. #f30f0a color hex could be obtained by blending #ff1e14 with #e70000. Closest websafe color is: #ff0000.

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

● #f30f0a color description : Vivid red.

The hexadecimal color #f30f0a has RGB values of R:243, G:15, B:10 and CMYK values of C:0, M:0.94, Y:0.96, K:0.05. Its decimal value is 15929098.

Hex triplet	f30f0a	`#f30f0a`
RGB Decimal	243, 15, 10	`rgb(243,15,10)`
RGB Percent	95.3, 5.9, 3.9	`rgb(95.3%,5.9%,3.9%)`
CMYK	0, 94, 96, 5
HSL	1.3°, 92.1, 49.6	`hsl(1.3,92.1%,49.6%)`
HSV (or HSB)	1.3°, 95.9, 95.3
Web Safe	ff0000	`#ff0000`

CIE-LAB	51.179, 76.142, 62.377
XYZ	37.19, 19.423, 2.078
xyY	0.634, 0.331, 19.423
CIE-LCH	51.179, 98.431, 39.325
CIE-LUV	51.179, 164.015, 35.818
Hunter-Lab	44.072, 73.501, 28.055
Binary	11110011, 00001111, 00001010

#f30f0a
```
#f30f0a rgb(243,15,10)
```
#0aeef3
```
#0aeef3 rgb(10,238,243)
```

Complementary Color

#f30a7a
```
#f30a7a rgb(243,10,122)
```
#f30f0a
```
#f30f0a rgb(243,15,10)
```
#f3840a
```
#f3840a rgb(243,132,10)
```

Analogous Color

#0a7af3
```
#0a7af3 rgb(10,122,243)
```
#f30f0a
```
#f30f0a rgb(243,15,10)
```
#0af384
```
#0af384 rgb(10,243,132)
```

Split Complementary Color

#0f0af3
```
#0f0af3 rgb(15,10,243)
```
#f30f0a
```
#f30f0a rgb(243,15,10)
```
#0af30f
```
#0af30f rgb(10,243,15)
```

Triadic Color

#f30aee
```
#f30aee rgb(243,10,238)
```
#f30f0a
```
#f30f0a rgb(243,15,10)
```
#0af30f
```
#0af30f rgb(10,243,15)
```
#0aeef3
```
#0aeef3 rgb(10,238,243)
```

Tetradic Color

#aa0a07
```
#aa0a07 rgb(170,10,7)
```
#c20c08
```
#c20c08 rgb(194,12,8)
```
#db0d09
```
#db0d09 rgb(219,13,9)
```
#f30f0a
```
#f30f0a rgb(243,15,10)
```
#f62521
```
#f62521 rgb(246,37,33)
```
#f73d39
```
#f73d39 rgb(247,61,57)
```
#f85552
```
#f85552 rgb(248,85,82)
```

Monochromatic Color

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

#f30a3f
```
#f30a3f rgb(243,10,63)
```
#f30a2c
```
#f30a2c rgb(243,10,44)
```
#f30a18
```
#f30a18 rgb(243,10,24)
```
#f30f0a
```
#f30f0a rgb(243,15,10)
```
#f3220a
```
#f3220a rgb(243,34,10)
```
#f3360a
```
#f3360a rgb(243,54,10)
```
#f3490a
```
#f3490a rgb(243,73,10)
```

Similar Colors

Text with hexadecimal color #f30f0a

This text has a font color of #f30f0a.

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

#f30f0a background color

This paragraph has a background color of #f30f0a.

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

#f30f0a border color

This element has a border color of #f30f0a.

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

CSS codes

.text {color:#f30f0a;}

.background {background-color:#f30f0a;}

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

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

#110101
```
#110101 rgb(17,1,1)
```
#240201
```
#240201 rgb(36,2,1)
```
#370302
```
#370302 rgb(55,3,2)
```
#490503
```
#490503 rgb(73,5,3)
```
#5c0604
```
#5c0604 rgb(92,6,4)
```
#6f0705
```
#6f0705 rgb(111,7,5)
```
#820805
```
#820805 rgb(130,8,5)
```
#950906
```
#950906 rgb(149,9,6)
```
#a80a07
```
#a80a07 rgb(168,10,7)
```
#ba0c08
```
#ba0c08 rgb(186,12,8)
```
#cd0d08
```
#cd0d08 rgb(205,13,8)
```
#e00e09
```
#e00e09 rgb(224,14,9)
```
#f30f0a
```
#f30f0a rgb(243,15,10)
```

Shade Color Variation

#f6201b
```
#f6201b rgb(246,32,27)
```
#f6322e
```
#f6322e rgb(246,50,46)
```
#f74541
```
#f74541 rgb(247,69,65)
```
#f85754
```
#f85754 rgb(248,87,84)
```
#f96966
```
#f96966 rgb(249,105,102)
```
#f97c79
```
#f97c79 rgb(249,124,121)
```
#fa8e8c
```
#fa8e8c rgb(250,142,140)
```
#fba19f
```
#fba19f rgb(251,161,159)
```
#fcb3b2
```
#fcb3b2 rgb(252,179,178)
```
#fdc6c5
```
#fdc6c5 rgb(253,198,197)
```
#fdd8d7
```
#fdd8d7 rgb(253,216,215)
```
#feebea
```
#feebea rgb(254,235,234)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#887575
```
#887575 rgb(136,117,117)
```
#926c6b
```
#926c6b rgb(146,108,107)
```
#9b6362
```
#9b6362 rgb(155,99,98)
```
#a55a58
```
#a55a58 rgb(165,90,88)
```
#af504e
```
#af504e rgb(175,80,78)
```
#b94744
```
#b94744 rgb(185,71,68)
```
#c23e3b
```
#c23e3b rgb(194,62,59)
```
#cc3431
```
#cc3431 rgb(204,52,49)
```
#d62b27
```
#d62b27 rgb(214,43,39)
```
#e0221d
```
#e0221d rgb(224,34,29)
```
#e91814
```
#e91814 rgb(233,24,20)
```
#f30f0a
```
#f30f0a rgb(243,15,10)
```
#fd0600
```
#fd0600 rgb(253,6,0)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#734544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f812a Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#f31c0f Tritanopia 0.001% of the population

Trichromacy

#b3571e Protanomaly 1% of men, 0.01% of women
#be5303 Deuteranomaly 6% of men, 0.4% of women
#f3170d Tritanomaly 0.01% of the population

#f30f0a hex color

#f30f0a Color Information

#f30f0a Color Conversion

Color Schemes with #f30f0a

Alternatives to #f30f0a

#f30f0a Preview

Shades and Tints of #f30f0a

Tones of #f30f0a

Color Blindness Simulator