#f4312c Color Information
In a RGB color space, hex #f4312c is composed of 95.7% red, 19.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.9% magenta, 82% yellow and 4.3% black. It has a hue angle of 1.5 degrees, a saturation of 90.1% and a lightness of 56.5%. #f4312c color hex could be obtained by blending #ff6258 with #e90000. Closest websafe color is: #ff3333.
-
- R 96
- G 19
- B 17
-
- C 0
- M 80
- Y 82
- K 4
● #f4312c color description : Bright red.
#f4312c Color Conversion
The hexadecimal color #f4312c has RGB values of R:244, G:49, B:44 and CMYK values of C:0, M:0.8, Y:0.82, K:0.04. Its decimal value is 16003372.
Hex triplet | f4312c | #f4312c |
---|---|---|
RGB Decimal | 244, 49, 44 | rgb(244,49,44) |
RGB Percent | 95.7, 19.2, 17.3 | rgb(95.7%,19.2%,17.3%) |
CMYK | 0, 80, 82, 4 | |
HSL | 1.5°, 90.1, 56.5 | hsl(1.5,90.1%,56.5%) |
HSV (or HSB) | 1.5°, 82, 95.7 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.618, 71.034, 50.837 |
---|---|
XYZ | 38.863, 21.616, 4.509 |
xyY | 0.598, 0.333, 21.616 |
CIE-LCH | 53.618, 87.351, 35.59 |
CIE-LUV | 53.618, 149.791, 33.6 |
Hunter-Lab | 46.494, 67.842, 26.796 |
Binary | 11110100, 00110001, 00101100 |
Color Schemes with #f4312c
Alternatives to #f4312c
Below, you can see some colors close to #f4312c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4312c Preview
This text has a font color of #f4312c.
<span style="color:#f4312c;">Text here</span>
This paragraph has a background color of #f4312c.
<p style="background-color:#f4312c;">Content here</p>
This element has a border color of #f4312c.
<div style="border:1px solid #f4312c;">Content here</div>
.text {color:#f4312c;}
.background {background-color:#f4312c;}
.border {border:1px solid #f4312c;}
Shades and Tints of #f4312c
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, #0d0101 is the darkest color, while #fff9f9 is the lightest one.
-
#0d0101
#0d0101
rgb(13,1,1)
-
#1f0202
#1f0202
rgb(31,2,2)
-
#320403
#320403
rgb(50,4,3)
-
#450504
#450504
rgb(69,5,4)
-
#570705
#570705
rgb(87,7,5)
-
#6a0806
#6a0806
rgb(106,8,6)
-
#7d0906
#7d0906
rgb(125,9,6)
-
#8f0b07
#8f0b07
rgb(143,11,7)
-
#a20c08
#a20c08
rgb(162,12,8)
-
#b50e09
#b50e09
rgb(181,14,9)
-
#c70f0a
#c70f0a
rgb(199,15,10)
-
#da110b
#da110b
rgb(218,17,11)
-
#ec120c
#ec120c
rgb(236,18,12)
-
#f31f19
#f31f19
rgb(243,31,25)
-
#f4312c
#f4312c
rgb(244,49,44)
-
#f5433f
#f5433f
rgb(245,67,63)
-
#f65551
#f65551
rgb(246,85,81)
-
#f76864
#f76864
rgb(247,104,100)
-
#f87a77
#f87a77
rgb(248,122,119)
-
#f98c89
#f98c89
rgb(249,140,137)
-
#fa9e9c
#fa9e9c
rgb(250,158,156)
-
#fbb0af
#fbb0af
rgb(251,176,175)
-
#fcc3c1
#fcc3c1
rgb(252,195,193)
-
#fdd5d4
#fdd5d4
rgb(253,213,212)
-
#fee7e6
#fee7e6
rgb(254,231,230)
-
#fff9f9
#fff9f9
rgb(255,249,249)
Tones of #f4312c
A tone is produced by adding gray to any pure hue. In this case, #968a8a is the less saturated color, while #fd2923 is the most saturated one.
-
#968a8a
#968a8a
rgb(150,138,138)
-
#9f8281
#9f8281
rgb(159,130,129)
-
#a77a79
#a77a79
rgb(167,122,121)
-
#b07270
#b07270
rgb(176,114,112)
-
#b86a68
#b86a68
rgb(184,106,104)
-
#c1625f
#c1625f
rgb(193,98,95)
-
#c95a57
#c95a57
rgb(201,90,87)
-
#d2514e
#d2514e
rgb(210,81,78)
-
#da4946
#da4946
rgb(218,73,70)
-
#e3413d
#e3413d
rgb(227,65,61)
-
#eb3935
#eb3935
rgb(235,57,53)
-
#f4312c
#f4312c
rgb(244,49,44)
-
#fd2923
#fd2923
rgb(253,41,35)
Color Blindness Simulator
Below, you can see how #f4312c 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.