#f01c2a hex color

In a RGB color space, hex #f01c2a is composed of 94.1% red, 11% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.3% magenta, 82.5% yellow and 5.9% black. It has a hue angle of 356 degrees, a saturation of 87.6% and a lightness of 52.5%. #f01c2a color hex could be obtained by blending #ff3854 with #e10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 94
- G 11
- B 16
RGB color chart
- C 0
- M 88
- Y 83
- K 6
CMYK color chart

● #f01c2a color description : Vivid red.

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

Hex triplet	f01c2a	`#f01c2a`
RGB Decimal	240, 28, 42	`rgb(240,28,42)`
RGB Percent	94.1, 11, 16.5	`rgb(94.1%,11%,16.5%)`
CMYK	0, 88, 83, 6
HSL	356°, 87.6, 52.5	`hsl(356,87.6%,52.5%)`
HSV (or HSB)	356°, 88.3, 94.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.299, 74.244, 49.416
XYZ	36.77, 19.528, 4.024
xyY	0.61, 0.324, 19.528
CIE-LCH	51.299, 89.186, 33.648
CIE-LUV	51.299, 155.07, 30.621
Hunter-Lab	44.19, 71.196, 25.535
Binary	11110000, 00011100, 00101010

#f01c2a
```
#f01c2a rgb(240,28,42)
```
#1cf0e2
```
#1cf0e2 rgb(28,240,226)
```

Complementary Color

#f01c94
```
#f01c94 rgb(240,28,148)
```
#f01c2a
```
#f01c2a rgb(240,28,42)
```
#f0781c
```
#f0781c rgb(240,120,28)
```

Analogous Color

#1c94f0
```
#1c94f0 rgb(28,148,240)
```
#f01c2a
```
#f01c2a rgb(240,28,42)
```
#1cf078
```
#1cf078 rgb(28,240,120)
```

Split Complementary Color

#1c2af0
```
#1c2af0 rgb(28,42,240)
```
#f01c2a
```
#f01c2a rgb(240,28,42)
```
#2af01c
```
#2af01c rgb(42,240,28)
```

Triadic Color

#e21cf0
```
#e21cf0 rgb(226,28,240)
```
#f01c2a
```
#f01c2a rgb(240,28,42)
```
#2af01c
```
#2af01c rgb(42,240,28)
```
#1cf0e2
```
#1cf0e2 rgb(28,240,226)
```

Tetradic Color

#b40c17
```
#b40c17 rgb(180,12,23)
```
#cc0d1a
```
#cc0d1a rgb(204,13,26)
```
#e30f1d
```
#e30f1d rgb(227,15,29)
```
#f01c2a
```
#f01c2a rgb(240,28,42)
```
#f23440
```
#f23440 rgb(242,52,64)
```
#f34c57
```
#f34c57 rgb(243,76,87)
```
#f5646d
```
#f5646d rgb(245,100,109)
```

Monochromatic Color

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

#f01c5f
```
#f01c5f rgb(240,28,95)
```
#f01c4d
```
#f01c4d rgb(240,28,77)
```
#f01c3c
```
#f01c3c rgb(240,28,60)
```
#f01c2a
```
#f01c2a rgb(240,28,42)
```
#f0201c
```
#f0201c rgb(240,32,28)
```
#f0311c
```
#f0311c rgb(240,49,28)
```
#f0431c
```
#f0431c rgb(240,67,28)
```

Similar Colors

Text with hexadecimal color #f01c2a

This text has a font color of #f01c2a.

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

#f01c2a background color

This paragraph has a background color of #f01c2a.

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

#f01c2a border color

This element has a border color of #f01c2a.

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

CSS codes

.text {color:#f01c2a;}

.background {background-color:#f01c2a;}

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

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

#0c0102
```
#0c0102 rgb(12,1,2)
```
#1f0204
```
#1f0204 rgb(31,2,4)
```
#310306
```
#310306 rgb(49,3,6)
```
#430409
```
#430409 rgb(67,4,9)
```
#56060b
```
#56060b rgb(86,6,11)
```
#68070d
```
#68070d rgb(104,7,13)
```
#7b0810
```
#7b0810 rgb(123,8,16)
```
#8d0912
```
#8d0912 rgb(141,9,18)
```
#9f0b14
```
#9f0b14 rgb(159,11,20)
```
#b20c17
```
#b20c17 rgb(178,12,23)
```
#c40d19
```
#c40d19 rgb(196,13,25)
```
#d70e1b
```
#d70e1b rgb(215,14,27)
```
#e90f1e
```
#e90f1e rgb(233,15,30)
```

Shade Color Variation

#f01c2a
```
#f01c2a rgb(240,28,42)
```
#f12e3b
```
#f12e3b rgb(241,46,59)
```
#f2414d
```
#f2414d rgb(242,65,77)
```
#f4535e
```
#f4535e rgb(244,83,94)
```
#f5666f
```
#f5666f rgb(245,102,111)
```
#f67880
```
#f67880 rgb(246,120,128)
```
#f78a92
```
#f78a92 rgb(247,138,146)
```
#f99da3
```
#f99da3 rgb(249,157,163)
```
#faafb4
```
#faafb4 rgb(250,175,180)
```
#fbc2c5
```
#fbc2c5 rgb(251,194,197)
```
#fcd4d7
```
#fcd4d7 rgb(252,212,215)
```
#fde6e8
```
#fde6e8 rgb(253,230,232)
```
#fff9f9
```
#fff9f9 rgb(255,249,249)
```

Tint Color Variation

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

#8a8283
```
#8a8283 rgb(138,130,131)
```
#93797b
```
#93797b rgb(147,121,123)
```
#9c7073
```
#9c7073 rgb(156,112,115)
```
#a6666b
```
#a6666b rgb(166,102,107)
```
#af5d63
```
#af5d63 rgb(175,93,99)
```
#b8545a
```
#b8545a rgb(184,84,90)
```
#c14b52
```
#c14b52 rgb(193,75,82)
```
#cb414a
```
#cb414a rgb(203,65,74)
```
#d43842
```
#d43842 rgb(212,56,66)
```
#dd2f3a
```
#dd2f3a rgb(221,47,58)
```
#e72532
```
#e72532 rgb(231,37,50)
```
#f01c2a
```
#f01c2a rgb(240,28,42)
```
#f91322
```
#f91322 rgb(249,19,34)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7a5053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8149 Protanopia 1% of men
#a07a20 Deuteranopia 1% of men
#f02a27 Tritanopia 0.001% of the population

Trichromacy

#b15c3e Protanomaly 1% of men, 0.01% of women
#bd5823 Deuteranomaly 6% of men, 0.4% of women
#f02528 Tritanomaly 0.01% of the population

#f01c2a hex color

#f01c2a Color Information

#f01c2a Color Conversion

Color Schemes with #f01c2a

Alternatives to #f01c2a

#f01c2a Preview

Shades and Tints of #f01c2a

Tones of #f01c2a

Color Blindness Simulator