#f01f04 hex color

In a RGB color space, hex #f01f04 is composed of 94.1% red, 12.2% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.1% magenta, 98.3% yellow and 5.9% black. It has a hue angle of 6.9 degrees, a saturation of 96.7% and a lightness of 47.8%. #f01f04 color hex could be obtained by blending #ff3e08 with #e10000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 94
- G 12
- B 2
RGB color chart
- C 0
- M 87
- Y 98
- K 6
CMYK color chart

● #f01f04 color description : Vivid red.

The hexadecimal color #f01f04 has RGB values of R:240, G:31, B:4 and CMYK values of C:0, M:0.87, Y:0.98, K:0.06. Its decimal value is 15736580.

Hex triplet	f01f04	`#f01f04`
RGB Decimal	240, 31, 4	`rgb(240,31,4)`
RGB Percent	94.1, 12.2, 1.6	`rgb(94.1%,12.2%,1.6%)`
CMYK	0, 87, 98, 6
HSL	6.9°, 96.7, 47.8	`hsl(6.9,96.7%,47.8%)`
HSV (or HSB)	6.9°, 98.3, 94.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	51.289, 73.224, 63.57
XYZ	36.449, 19.519, 1.963
xyY	0.629, 0.337, 19.519
CIE-LCH	51.289, 96.969, 40.963
CIE-LUV	51.289, 158.165, 37.245
Hunter-Lab	44.18, 69.95, 28.291
Binary	11110000, 00011111, 00000100

#f01f04
```
#f01f04 rgb(240,31,4)
```
#04d5f0
```
#04d5f0 rgb(4,213,240)
```

Complementary Color

#f0045f
```
#f0045f rgb(240,4,95)
```
#f01f04
```
#f01f04 rgb(240,31,4)
```
#f09504
```
#f09504 rgb(240,149,4)
```

Analogous Color

#045ff0
```
#045ff0 rgb(4,95,240)
```
#f01f04
```
#f01f04 rgb(240,31,4)
```
#04f095
```
#04f095 rgb(4,240,149)
```

Split Complementary Color

#1f04f0
```
#1f04f0 rgb(31,4,240)
```
#f01f04
```
#f01f04 rgb(240,31,4)
```
#04f01f
```
#04f01f rgb(4,240,31)
```

Triadic Color

#f004d5
```
#f004d5 rgb(240,4,213)
```
#f01f04
```
#f01f04 rgb(240,31,4)
```
#04f01f
```
#04f01f rgb(4,240,31)
```
#04d5f0
```
#04d5f0 rgb(4,213,240)
```

Tetradic Color

#a51503
```
#a51503 rgb(165,21,3)
```
#be1903
```
#be1903 rgb(190,25,3)
```
#d71c04
```
#d71c04 rgb(215,28,4)
```
#f01f04
```
#f01f04 rgb(240,31,4)
```
#fb2d12
```
#fb2d12 rgb(251,45,18)
```
#fb432c
```
#fb432c rgb(251,67,44)
```
#fc5a45
```
#fc5a45 rgb(252,90,69)
```

Monochromatic Color

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

#f00424
```
#f00424 rgb(240,4,36)
```
#f00410
```
#f00410 rgb(240,4,16)
```
#f00b04
```
#f00b04 rgb(240,11,4)
```
#f01f04
```
#f01f04 rgb(240,31,4)
```
#f03304
```
#f03304 rgb(240,51,4)
```
#f04604
```
#f04604 rgb(240,70,4)
```
#f05a04
```
#f05a04 rgb(240,90,4)
```

Similar Colors

Text with hexadecimal color #f01f04

This text has a font color of #f01f04.

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

#f01f04 background color

This paragraph has a background color of #f01f04.

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

#f01f04 border color

This element has a border color of #f01f04.

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

CSS codes

.text {color:#f01f04;}

.background {background-color:#f01f04;}

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

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

#080100
```
#080100 rgb(8,1,0)
```
#1c0400
```
#1c0400 rgb(28,4,0)
```
#2f0601
```
#2f0601 rgb(47,6,1)
```
#420901
```
#420901 rgb(66,9,1)
```
#560b01
```
#560b01 rgb(86,11,1)
```
#690e02
```
#690e02 rgb(105,14,2)
```
#7c1002
```
#7c1002 rgb(124,16,2)
```
#901302
```
#901302 rgb(144,19,2)
```
#a31503
```
#a31503 rgb(163,21,3)
```
#b61803
```
#b61803 rgb(182,24,3)
```
#c91a03
```
#c91a03 rgb(201,26,3)
```
#dd1d04
```
#dd1d04 rgb(221,29,4)
```
#f01f04
```
#f01f04 rgb(240,31,4)
```

Shade Color Variation

#fb280d
```
#fb280d rgb(251,40,13)
```
#fb3920
```
#fb3920 rgb(251,57,32)
```
#fc4a33
```
#fc4a33 rgb(252,74,51)
```
#fc5b47
```
#fc5b47 rgb(252,91,71)
```
#fc6c5a
```
#fc6c5a rgb(252,108,90)
```
#fd7e6d
```
#fd7e6d rgb(253,126,109)
```
#fd8f80
```
#fd8f80 rgb(253,143,128)
```
#fda094
```
#fda094 rgb(253,160,148)
```
#feb1a7
```
#feb1a7 rgb(254,177,167)
```
#fec2ba
```
#fec2ba rgb(254,194,186)
```
#fed3ce
```
#fed3ce rgb(254,211,206)
```
#fee4e1
```
#fee4e1 rgb(254,228,225)
```
#fff5f4
```
#fff5f4 rgb(255,245,244)
```

Tint Color Variation

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

#7f7675
```
#7f7675 rgb(127,118,117)
```
#896f6b
```
#896f6b rgb(137,111,107)
```
#926762
```
#926762 rgb(146,103,98)
```
#9c6058
```
#9c6058 rgb(156,96,88)
```
#a5594f
```
#a5594f rgb(165,89,79)
```
#ae5246
```
#ae5246 rgb(174,82,70)
```
#b84a3c
```
#b84a3c rgb(184,74,60)
```
#c14333
```
#c14333 rgb(193,67,51)
```
#ca3c2a
```
#ca3c2a rgb(202,60,42)
```
#d43520
```
#d43520 rgb(212,53,32)
```
#dd2d17
```
#dd2d17 rgb(221,45,23)
```
#e7260d
```
#e7260d rgb(231,38,13)
```
#f01f04
```
#f01f04 rgb(240,31,4)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#784e49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908124 Protanopia 1% of men
#a17b00 Deuteranopia 1% of men
#f02825 Tritanopia 0.001% of the population

Trichromacy

#b35d18 Protanomaly 1% of men, 0.01% of women
#bd5901 Deuteranomaly 6% of men, 0.4% of women
#f02519 Tritanomaly 0.01% of the population

#f01f04 hex color

#f01f04 Color Information

#f01f04 Color Conversion

Color Schemes with #f01f04

Alternatives to #f01f04

#f01f04 Preview

Shades and Tints of #f01f04

Tones of #f01f04

Color Blindness Simulator