#f40f2a hex color

In a RGB color space, hex #f40f2a is composed of 95.7% red, 5.9% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.9% magenta, 82.8% yellow and 4.3% black. It has a hue angle of 352.9 degrees, a saturation of 91.2% and a lightness of 50.8%. #f40f2a color hex could be obtained by blending #ff1e54 with #e90000. Closest websafe color is: #ff0033.

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

● #f40f2a color description : Vivid red.

The hexadecimal color #f40f2a has RGB values of R:244, G:15, B:42 and CMYK values of C:0, M:0.94, Y:0.83, K:0.04. Its decimal value is 15994666.

Hex triplet	f40f2a	`#f40f2a`
RGB Decimal	244, 15, 42	`rgb(244,15,42)`
RGB Percent	95.7, 5.9, 16.5	`rgb(95.7%,5.9%,16.5%)`
CMYK	0, 94, 83, 4
HSL	352.9°, 91.2, 50.8	`hsl(352.9,91.2%,50.8%)`
HSV (or HSB)	352.9°, 93.9, 95.7
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.55, 76.853, 49.944
XYZ	37.899, 19.747, 4.006
xyY	0.615, 0.32, 19.747
CIE-LCH	51.55, 91.655, 33.018
CIE-LUV	51.55, 160.932, 30.244
Hunter-Lab	44.438, 74.47, 25.761
Binary	11110100, 00001111, 00101010

#f40f2a
```
#f40f2a rgb(244,15,42)
```
#0ff4d9
```
#0ff4d9 rgb(15,244,217)
```

Complementary Color

#f40f9d
```
#f40f9d rgb(244,15,157)
```
#f40f2a
```
#f40f2a rgb(244,15,42)
```
#f4670f
```
#f4670f rgb(244,103,15)
```

Analogous Color

#0f9df4
```
#0f9df4 rgb(15,157,244)
```
#f40f2a
```
#f40f2a rgb(244,15,42)
```
#0ff467
```
#0ff467 rgb(15,244,103)
```

Split Complementary Color

#0f2af4
```
#0f2af4 rgb(15,42,244)
```
#f40f2a
```
#f40f2a rgb(244,15,42)
```
#2af40f
```
#2af40f rgb(42,244,15)
```

Triadic Color

#d90ff4
```
#d90ff4 rgb(217,15,244)
```
#f40f2a
```
#f40f2a rgb(244,15,42)
```
#2af40f
```
#2af40f rgb(42,244,15)
```
#0ff4d9
```
#0ff4d9 rgb(15,244,217)
```

Tetradic Color

#af081c
```
#af081c rgb(175,8,28)
```
#c7091f
```
#c7091f rgb(199,9,31)
```
#df0a23
```
#df0a23 rgb(223,10,35)
```
#f40f2a
```
#f40f2a rgb(244,15,42)
```
#f52740
```
#f52740 rgb(245,39,64)
```
#f64055
```
#f64055 rgb(246,64,85)
```
#f7586b
```
#f7586b rgb(247,88,107)
```

Monochromatic Color

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

#f40f63
```
#f40f63 rgb(244,15,99)
```
#f40f50
```
#f40f50 rgb(244,15,80)
```
#f40f3d
```
#f40f3d rgb(244,15,61)
```
#f40f2a
```
#f40f2a rgb(244,15,42)
```
#f40f17
```
#f40f17 rgb(244,15,23)
```
#f41a0f
```
#f41a0f rgb(244,26,15)
```
#f42d0f
```
#f42d0f rgb(244,45,15)
```

Similar Colors

Text with hexadecimal color #f40f2a

This text has a font color of #f40f2a.

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

#f40f2a background color

This paragraph has a background color of #f40f2a.

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

#f40f2a border color

This element has a border color of #f40f2a.

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

CSS codes

.text {color:#f40f2a;}

.background {background-color:#f40f2a;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#170104
```
#170104 rgb(23,1,4)
```
#290207
```
#290207 rgb(41,2,7)
```
#3c030a
```
#3c030a rgb(60,3,10)
```
#4f040c
```
#4f040c rgb(79,4,12)
```
#62040f
```
#62040f rgb(98,4,15)
```
#740512
```
#740512 rgb(116,5,18)
```
#870615
```
#870615 rgb(135,6,21)
```
#9a0718
```
#9a0718 rgb(154,7,24)
```
#ad081b
```
#ad081b rgb(173,8,27)
```
#bf091e
```
#bf091e rgb(191,9,30)
```
#d20a21
```
#d20a21 rgb(210,10,33)
```
#e50a24
```
#e50a24 rgb(229,10,36)
```

Shade Color Variation

#f40f2a
```
#f40f2a rgb(244,15,42)
```
#f5223b
```
#f5223b rgb(245,34,59)
```
#f6354b
```
#f6354b rgb(246,53,75)
```
#f7475c
```
#f7475c rgb(247,71,92)
```
#f75a6d
```
#f75a6d rgb(247,90,109)
```
#f86d7d
```
#f86d7d rgb(248,109,125)
```
#f9808e
```
#f9808e rgb(249,128,142)
```
#fa929f
```
#fa929f rgb(250,146,159)
```
#fba5af
```
#fba5af rgb(251,165,175)
```
#fcb8c0
```
#fcb8c0 rgb(252,184,192)
```
#fdcbd0
```
#fdcbd0 rgb(253,203,208)
```
#fddde1
```
#fddde1 rgb(253,221,225)
```
#fef0f2
```
#fef0f2 rgb(254,240,242)
```

Tint Color Variation

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

#8a797b
```
#8a797b rgb(138,121,123)
```
#937074
```
#937074 rgb(147,112,116)
```
#9d666c
```
#9d666c rgb(157,102,108)
```
#a75c65
```
#a75c65 rgb(167,92,101)
```
#b0535e
```
#b0535e rgb(176,83,94)
```
#ba4956
```
#ba4956 rgb(186,73,86)
```
#c43f4f
```
#c43f4f rgb(196,63,79)
```
#cd3648
```
#cd3648 rgb(205,54,72)
```
#d72c40
```
#d72c40 rgb(215,44,64)
```
#e12239
```
#e12239 rgb(225,34,57)
```
#ea1931
```
#ea1931 rgb(234,25,49)
```
#f40f2a
```
#f40f2a rgb(244,15,42)
```
#fe0523
```
#fe0523 rgb(254,5,35)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#76494e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e814b Protanopia 1% of men
#a17b1e Deuteranopia 1% of men
#f4211a Tritanopia 0.001% of the population

Trichromacy

#b3583f Protanomaly 1% of men, 0.01% of women
#bf5422 Deuteranomaly 6% of men, 0.4% of women
#f41a20 Tritanomaly 0.01% of the population

#f40f2a hex color

#f40f2a Color Information

#f40f2a Color Conversion

Color Schemes with #f40f2a

Alternatives to #f40f2a

#f40f2a Preview

Shades and Tints of #f40f2a

Tones of #f40f2a

Color Blindness Simulator