#f03c12 hex color

In a RGB color space, hex #f03c12 is composed of 94.1% red, 23.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75% magenta, 92.5% yellow and 5.9% black. It has a hue angle of 11.4 degrees, a saturation of 88.1% and a lightness of 50.6%. #f03c12 color hex could be obtained by blending #ff7824 with #e10000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 94
- G 24
- B 7
RGB color chart
- C 0
- M 75
- Y 93
- K 6
CMYK color chart

● #f03c12 color description : Vivid red.

The hexadecimal color #f03c12 has RGB values of R:240, G:60, B:18 and CMYK values of C:0, M:0.75, Y:0.93, K:0.06. Its decimal value is 15744018.

Hex triplet	f03c12	`#f03c12`
RGB Decimal	240, 60, 18	`rgb(240,60,18)`
RGB Percent	94.1, 23.5, 7.1	`rgb(94.1%,23.5%,7.1%)`
CMYK	0, 75, 93, 6
HSL	11.4°, 88.1, 50.6	`hsl(11.4,88.1%,50.6%)`
HSV (or HSB)	11.4°, 92.5, 94.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	53.82, 66.3, 61.36
XYZ	37.662, 21.805, 2.798
xyY	0.605, 0.35, 21.805
CIE-LCH	53.82, 90.337, 42.784
CIE-LUV	53.82, 144.057, 40.304
Hunter-Lab	46.696, 62.249, 29.135
Binary	11110000, 00111100, 00010010

#f03c12
```
#f03c12 rgb(240,60,18)
```
#12c6f0
```
#12c6f0 rgb(18,198,240)
```

Complementary Color

#f01257
```
#f01257 rgb(240,18,87)
```
#f03c12
```
#f03c12 rgb(240,60,18)
```
#f0ab12
```
#f0ab12 rgb(240,171,18)
```

Analogous Color

#1257f0
```
#1257f0 rgb(18,87,240)
```
#f03c12
```
#f03c12 rgb(240,60,18)
```
#12f0ab
```
#12f0ab rgb(18,240,171)
```

Split Complementary Color

#3c12f0
```
#3c12f0 rgb(60,18,240)
```
#f03c12
```
#f03c12 rgb(240,60,18)
```
#12f03c
```
#12f03c rgb(18,240,60)
```

Triadic Color

#f012c6
```
#f012c6 rgb(240,18,198)
```
#f03c12
```
#f03c12 rgb(240,60,18)
```
#12f03c
```
#12f03c rgb(18,240,60)
```
#12c6f0
```
#12c6f0 rgb(18,198,240)
```

Tetradic Color

#ab290b
```
#ab290b rgb(171,41,11)
```
#c32f0c
```
#c32f0c rgb(195,47,12)
```
#db350e
```
#db350e rgb(219,53,14)
```
#f03c12
```
#f03c12 rgb(240,60,18)
```
#f2502a
```
#f2502a rgb(242,80,42)
```
#f36342
```
#f36342 rgb(243,99,66)
```
#f5775a
```
#f5775a rgb(245,119,90)
```

Monochromatic Color

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

#f0121f
```
#f0121f rgb(240,18,31)
```
#f01712
```
#f01712 rgb(240,23,18)
```
#f02a12
```
#f02a12 rgb(240,42,18)
```
#f03c12
```
#f03c12 rgb(240,60,18)
```
#f04f12
```
#f04f12 rgb(240,79,18)
```
#f06112
```
#f06112 rgb(240,97,18)
```
#f07412
```
#f07412 rgb(240,116,18)
```

Similar Colors

Text with hexadecimal color #f03c12

This text has a font color of #f03c12.

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

#f03c12 background color

This paragraph has a background color of #f03c12.

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

#f03c12 border color

This element has a border color of #f03c12.

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

CSS codes

.text {color:#f03c12;}

.background {background-color:#f03c12;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150501
```
#150501 rgb(21,5,1)
```
#280a03
```
#280a03 rgb(40,10,3)
```
#3a0e04
```
#3a0e04 rgb(58,14,4)
```
#4d1205
```
#4d1205 rgb(77,18,5)
```
#5f1706
```
#5f1706 rgb(95,23,6)
```
#721b07
```
#721b07 rgb(114,27,7)
```
#842008
```
#842008 rgb(132,32,8)
```
#96240a
```
#96240a rgb(150,36,10)
```
#a9290b
```
#a9290b rgb(169,41,11)
```
#bb2d0c
```
#bb2d0c rgb(187,45,12)
```
#ce310d
```
#ce310d rgb(206,49,13)
```
#e0360e
```
#e0360e rgb(224,54,14)
```

Shade Color Variation

#f03c12
```
#f03c12 rgb(240,60,18)
```
#f14b24
```
#f14b24 rgb(241,75,36)
```
#f25a37
```
#f25a37 rgb(242,90,55)
```
#f46a49
```
#f46a49 rgb(244,106,73)
```
#f5795c
```
#f5795c rgb(245,121,92)
```
#f6886e
```
#f6886e rgb(246,136,110)
```
#f79781
```
#f79781 rgb(247,151,129)
```
#f8a693
```
#f8a693 rgb(248,166,147)
```
#f9b5a6
```
#f9b5a6 rgb(249,181,166)
```
#fbc5b8
```
#fbc5b8 rgb(251,197,184)
```
#fcd4ca
```
#fcd4ca rgb(252,212,202)
```
#fde3dd
```
#fde3dd rgb(253,227,221)
```
#fef2ef
```
#fef2ef rgb(254,242,239)
```

Tint Color Variation

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

#857e7d
```
#857e7d rgb(133,126,125)
```
#8f7873
```
#8f7873 rgb(143,120,115)
```
#997269
```
#997269 rgb(153,114,105)
```
#a26c60
```
#a26c60 rgb(162,108,96)
```
#ac6656
```
#ac6656 rgb(172,102,86)
```
#b6604c
```
#b6604c rgb(182,96,76)
```
#c05a42
```
#c05a42 rgb(192,90,66)
```
#c95439
```
#c95439 rgb(201,84,57)
```
#d34e2f
```
#d34e2f rgb(211,78,47)
```
#dd4825
```
#dd4825 rgb(221,72,37)
```
#e6421c
```
#e6421c rgb(230,66,28)
```
#f03c12
```
#f03c12 rgb(240,60,18)
```
#fa3608
```
#fa3608 rgb(250,54,8)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#87635b Atypical Achromatopsia 0.001% of the population

Dichromacy

#96872d Protanopia 1% of men
#a98000 Deuteranopia 1% of men
#f14244 Tritanopia 0.001% of the population

Trichromacy

#b76c23 Protanomaly 1% of men, 0.01% of women
#c26706 Deuteranomaly 6% of men, 0.4% of women
#f04031 Tritanomaly 0.01% of the population

#f03c12 hex color

#f03c12 Color Information

#f03c12 Color Conversion

Color Schemes with #f03c12

Alternatives to #f03c12

#f03c12 Preview

Shades and Tints of #f03c12

Tones of #f03c12

Color Blindness Simulator