#f4142a Color Information
In a RGB color space, hex #f4142a is composed of 95.7% red, 7.8% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.8% magenta, 82.8% yellow and 4.3% black. It has a hue angle of 354.1 degrees, a saturation of 91.1% and a lightness of 51.8%. #f4142a color hex could be obtained by blending #ff2854 with #e90000. Closest websafe color is: #ff0033.
-
- R 96
- G 8
- B 16
-
- C 0
- M 92
- Y 83
- K 4
● #f4142a color description : Vivid red.
#f4142a Color Conversion
The hexadecimal color #f4142a has RGB values of R:244, G:20, B:42 and CMYK values of C:0, M:0.92, Y:0.83, K:0.04. Its decimal value is 15995946.
Hex triplet | f4142a | #f4142a |
---|---|---|
RGB Decimal | 244, 20, 42 | rgb(244,20,42) |
RGB Percent | 95.7, 7.8, 16.5 | rgb(95.7%,7.8%,16.5%) |
CMYK | 0, 92, 83, 4 | |
HSL | 354.1°, 91.1, 51.8 | hsl(354.1,91.1%,51.8%) |
HSV (or HSB) | 354.1°, 91.8, 95.7 | |
Web Safe | ff0033 | #ff0033 |
CIE-LAB | 51.73, 76.332, 50.109 |
---|---|
XYZ | 37.978, 19.906, 4.033 |
xyY | 0.613, 0.321, 19.906 |
CIE-LCH | 51.73, 91.309, 33.283 |
CIE-LUV | 51.73, 159.963, 30.59 |
Hunter-Lab | 44.616, 73.868, 25.872 |
Binary | 11110100, 00010100, 00101010 |
Color Schemes with #f4142a
Alternatives to #f4142a
Below, you can see some colors close to #f4142a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4142a Preview
This text has a font color of #f4142a.
<span style="color:#f4142a;">Text here</span>
This paragraph has a background color of #f4142a.
<p style="background-color:#f4142a;">Content here</p>
This element has a border color of #f4142a.
<div style="border:1px solid #f4142a;">Content here</div>
.text {color:#f4142a;}
.background {background-color:#f4142a;}
.border {border:1px solid #f4142a;}
Shades and Tints of #f4142a
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, #090001 is the darkest color, while #fff5f6 is the lightest one.
-
#090001
#090001
rgb(9,0,1)
-
#1b0104
#1b0104
rgb(27,1,4)
-
#2e0206
#2e0206
rgb(46,2,6)
-
#410309
#410309
rgb(65,3,9)
-
#54040c
#54040c
rgb(84,4,12)
-
#66050e
#66050e
rgb(102,5,14)
-
#790611
#790611
rgb(121,6,17)
-
#8c0714
#8c0714
rgb(140,7,20)
-
#9f0716
#9f0716
rgb(159,7,22)
-
#b10819
#b10819
rgb(177,8,25)
-
#c4091c
#c4091c
rgb(196,9,28)
-
#d70a1e
#d70a1e
rgb(215,10,30)
-
#e90b21
#e90b21
rgb(233,11,33)
-
#f4142a
#f4142a
rgb(244,20,42)
-
#f5273b
#f5273b
rgb(245,39,59)
-
#f6394c
#f6394c
rgb(246,57,76)
-
#f74c5d
#f74c5d
rgb(247,76,93)
-
#f85f6e
#f85f6e
rgb(248,95,110)
-
#f8727f
#f8727f
rgb(248,114,127)
-
#f98490
#f98490
rgb(249,132,144)
-
#fa97a1
#fa97a1
rgb(250,151,161)
-
#fbaab2
#fbaab2
rgb(251,170,178)
-
#fcbdc3
#fcbdc3
rgb(252,189,195)
-
#fdcfd4
#fdcfd4
rgb(253,207,212)
-
#fee2e5
#fee2e5
rgb(254,226,229)
-
#fff5f6
#fff5f6
rgb(255,245,246)
Tones of #f4142a
A tone is produced by adding gray to any pure hue. In this case, #8c7c7e is the less saturated color, while #fd0b22 is the most saturated one.
-
#8c7c7e
#8c7c7e
rgb(140,124,126)
-
#957376
#957376
rgb(149,115,118)
-
#9f696e
#9f696e
rgb(159,105,110)
-
#a86067
#a86067
rgb(168,96,103)
-
#b2565f
#b2565f
rgb(178,86,95)
-
#bb4d58
#bb4d58
rgb(187,77,88)
-
#c54350
#c54350
rgb(197,67,80)
-
#ce3a48
#ce3a48
rgb(206,58,72)
-
#d83041
#d83041
rgb(216,48,65)
-
#e12739
#e12739
rgb(225,39,57)
-
#eb1d32
#eb1d32
rgb(235,29,50)
-
#f4142a
#f4142a
rgb(244,20,42)
-
#fd0b22
#fd0b22
rgb(253,11,34)
Color Blindness Simulator
Below, you can see how #f4142a 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.