colorhexa.com

#f01e2a hex color

In a RGB color space, hex #f01e2a is composed of 94.1% red, 11.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.5% magenta, 82.5% yellow and 5.9% black. It has a hue angle of 356.6 degrees, a saturation of 87.5% and a lightness of 52.9%. #f01e2a color hex could be obtained by blending #ff3c54 with #e10000. Closest websafe color is: #ff3333.

- R 94
- G 12
- B 16
RGB color chart
- C 0
- M 88
- Y 83
- K 6
CMYK color chart

● #f01e2a color description : Vivid red.

The hexadecimal color #f01e2a has RGB values of R:240, G:30, B:42 and CMYK values of C:0, M:0.88, Y:0.83, K:0.06. Its decimal value is 15736362.

Hex triplet	f01e2a	`#f01e2a`
RGB Decimal	240, 30, 42	`rgb(240,30,42)`
RGB Percent	94.1, 11.8, 16.5	`rgb(94.1%,11.8%,16.5%)`
CMYK	0, 88, 83, 6
HSL	356.6°, 87.5, 52.9	`hsl(356.6,87.5%,52.9%)`
HSV (or HSB)	356.6°, 87.5, 94.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.411, 73.921, 49.52
XYZ	36.819, 19.626, 4.04
xyY	0.609, 0.324, 19.626
CIE-LCH	51.411, 88.975, 33.818
CIE-LUV	51.411, 154.478, 30.836
Hunter-Lab	44.301, 70.828, 25.604
Binary	11110000, 00011110, 00101010

#f01e2a
```
#f01e2a rgb(240,30,42)
```
#1ef0e4
```
#1ef0e4 rgb(30,240,228)
```

Complementary Color

#f01e93
```
#f01e93 rgb(240,30,147)
```
#f01e2a
```
#f01e2a rgb(240,30,42)
```
#f07b1e
```
#f07b1e rgb(240,123,30)
```

Analogous Color

#1e93f0
```
#1e93f0 rgb(30,147,240)
```
#f01e2a
```
#f01e2a rgb(240,30,42)
```
#1ef07b
```
#1ef07b rgb(30,240,123)
```

Split Complementary Color

#1e2af0
```
#1e2af0 rgb(30,42,240)
```
#f01e2a
```
#f01e2a rgb(240,30,42)
```
#2af01e
```
#2af01e rgb(42,240,30)
```

Triadic Color

#e41ef0
```
#e41ef0 rgb(228,30,240)
```
#f01e2a
```
#f01e2a rgb(240,30,42)
```
#2af01e
```
#2af01e rgb(42,240,30)
```
#1ef0e4
```
#1ef0e4 rgb(30,240,228)
```

Tetradic Color

#b50c16
```
#b50c16 rgb(181,12,22)
```
#cd0e19
```
#cd0e19 rgb(205,14,25)
```
#e50f1c
```
#e50f1c rgb(229,15,28)
```
#f01e2a
```
#f01e2a rgb(240,30,42)
```
#f23641
```
#f23641 rgb(242,54,65)
```
#f34e57
```
#f34e57 rgb(243,78,87)
```
#f5666e
```
#f5666e rgb(245,102,110)
```

Monochromatic Color

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

#f01e5f
```
#f01e5f rgb(240,30,95)
```
#f01e4d
```
#f01e4d rgb(240,30,77)
```
#f01e3c
```
#f01e3c rgb(240,30,60)
```
#f01e2a
```
#f01e2a rgb(240,30,42)
```
#f0241e
```
#f0241e rgb(240,36,30)
```
#f0351e
```
#f0351e rgb(240,53,30)
```
#f0471e
```
#f0471e rgb(240,71,30)
```

Similar Colors

Text with hexadecimal color #f01e2a

This text has a font color of #f01e2a.

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

#f01e2a background color

This paragraph has a background color of #f01e2a.

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

#f01e2a border color

This element has a border color of #f01e2a.

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

CSS codes

.text {color:#f01e2a;}

.background {background-color:#f01e2a;}

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

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

#0e0102
```
#0e0102 rgb(14,1,2)
```
#200204
```
#200204 rgb(32,2,4)
```
#330306
```
#330306 rgb(51,3,6)
```
#450508
```
#450508 rgb(69,5,8)
```
#58060b
```
#58060b rgb(88,6,11)
```
#6a070d
```
#6a070d rgb(106,7,13)
```
#7c080f
```
#7c080f rgb(124,8,15)
```
#8f0a11
```
#8f0a11 rgb(143,10,17)
```
#a10b13
```
#a10b13 rgb(161,11,19)
```
#b40c16
```
#b40c16 rgb(180,12,22)
```
#c60d18
```
#c60d18 rgb(198,13,24)
```
#d80e1a
```
#d80e1a rgb(216,14,26)
```
#eb101c
```
#eb101c rgb(235,16,28)
```

Shade Color Variation

#f01e2a
```
#f01e2a rgb(240,30,42)
```
#f1303b
```
#f1303b rgb(241,48,59)
```
#f2434d
```
#f2434d rgb(242,67,77)
```
#f4555e
```
#f4555e rgb(244,85,94)
```
#f56870
```
#f56870 rgb(245,104,112)
```
#f67a81
```
#f67a81 rgb(246,122,129)
```
#f78c92
```
#f78c92 rgb(247,140,146)
```
#f99fa4
```
#f99fa4 rgb(249,159,164)
```
#fab1b5
```
#fab1b5 rgb(250,177,181)
```
#fbc4c7
```
#fbc4c7 rgb(251,196,199)
```
#fcd6d8
```
#fcd6d8 rgb(252,214,216)
```
#fde8e9
```
#fde8e9 rgb(253,232,233)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#8a8484
```
#8a8484 rgb(138,132,132)
```
#947a7c
```
#947a7c rgb(148,122,124)
```
#9d7174
```
#9d7174 rgb(157,113,116)
```
#a6686b
```
#a6686b rgb(166,104,107)
```
#af5f63
```
#af5f63 rgb(175,95,99)
```
#b9555b
```
#b9555b rgb(185,85,91)
```
#c24c53
```
#c24c53 rgb(194,76,83)
```
#cb434b
```
#cb434b rgb(203,67,75)
```
#d43a43
```
#d43a43 rgb(212,58,67)
```
#de303a
```
#de303a rgb(222,48,58)
```
#e72732
```
#e72732 rgb(231,39,50)
```
#f01e2a
```
#f01e2a rgb(240,30,42)
```
#f91522
```
#f91522 rgb(249,21,34)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7b5154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8149 Protanopia 1% of men
#a17b20 Deuteranopia 1% of men
#f02b29 Tritanopia 0.001% of the population

Trichromacy

#b15d3e Protanomaly 1% of men, 0.01% of women
#bd5923 Deuteranomaly 6% of men, 0.4% of women
#f02629 Tritanomaly 0.01% of the population