#f74a3a Color Information
In a RGB color space, hex #f74a3a is composed of 96.9% red, 29% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70% magenta, 76.5% yellow and 3.1% black. It has a hue angle of 5.1 degrees, a saturation of 92.2% and a lightness of 59.8%. #f74a3a color hex could be obtained by blending #ff9474 with #ef0000. Closest websafe color is: #ff3333.
-
- R 97
- G 29
- B 23
-
- C 0
- M 70
- Y 77
- K 3
● #f74a3a color description : Bright red.
#f74a3a Color Conversion
The hexadecimal color #f74a3a has RGB values of R:247, G:74, B:58 and CMYK values of C:0, M:0.7, Y:0.77, K:0.03. Its decimal value is 16206394.
Hex triplet | f74a3a | #f74a3a |
---|---|---|
RGB Decimal | 247, 74, 58 | rgb(247,74,58) |
RGB Percent | 96.9, 29, 22.7 | rgb(96.9%,29%,22.7%) |
CMYK | 0, 70, 77, 3 | |
HSL | 5.1°, 92.2, 59.8 | hsl(5.1,92.2%,59.8%) |
HSV (or HSB) | 5.1°, 76.5, 96.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 57.058, 64.636, 47.256 |
---|---|
XYZ | 41.572, 24.982, 6.636 |
xyY | 0.568, 0.341, 24.982 |
CIE-LCH | 57.058, 80.068, 36.171 |
CIE-LUV | 57.058, 136.017, 34.936 |
Hunter-Lab | 49.982, 60.997, 27.116 |
Binary | 11110111, 01001010, 00111010 |
Color Schemes with #f74a3a
Alternatives to #f74a3a
Below, you can see some colors close to #f74a3a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f74a3a Preview
This text has a font color of #f74a3a.
<span style="color:#f74a3a;">Text here</span>
This paragraph has a background color of #f74a3a.
<p style="background-color:#f74a3a;">Content here</p>
This element has a border color of #f74a3a.
<div style="border:1px solid #f74a3a;">Content here</div>
.text {color:#f74a3a;}
.background {background-color:#f74a3a;}
.border {border:1px solid #f74a3a;}
Shades and Tints of #f74a3a
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, #0a0100 is the darkest color, while #fff7f6 is the lightest one.
-
#0a0100
#0a0100
rgb(10,1,0)
-
#1d0401
#1d0401
rgb(29,4,1)
-
#300602
#300602
rgb(48,6,2)
-
#430803
#430803
rgb(67,8,3)
-
#560a03
#560a03
rgb(86,10,3)
-
#690d04
#690d04
rgb(105,13,4)
-
#7b0f05
#7b0f05
rgb(123,15,5)
-
#8e1106
#8e1106
rgb(142,17,6)
-
#a11407
#a11407
rgb(161,20,7)
-
#b41607
#b41607
rgb(180,22,7)
-
#c71808
#c71808
rgb(199,24,8)
-
#da1b09
#da1b09
rgb(218,27,9)
-
#ed1d0a
#ed1d0a
rgb(237,29,10)
-
#f52714
#f52714
rgb(245,39,20)
-
#f63927
#f63927
rgb(246,57,39)
-
#f74a3a
#f74a3a
rgb(247,74,58)
-
#f85b4d
#f85b4d
rgb(248,91,77)
-
#f96d60
#f96d60
rgb(249,109,96)
-
#f97e73
#f97e73
rgb(249,126,115)
-
#fa8f85
#fa8f85
rgb(250,143,133)
-
#fba198
#fba198
rgb(251,161,152)
-
#fcb2ab
#fcb2ab
rgb(252,178,171)
-
#fcc3be
#fcc3be
rgb(252,195,190)
-
#fdd5d1
#fdd5d1
rgb(253,213,209)
-
#fee6e4
#fee6e4
rgb(254,230,228)
-
#fff7f6
#fff7f6
rgb(255,247,246)
Tones of #f74a3a
A tone is produced by adding gray to any pure hue. In this case, #a09291 is the less saturated color, while #ff4332 is the most saturated one.
-
#a09291
#a09291
rgb(160,146,145)
-
#a88b89
#a88b89
rgb(168,139,137)
-
#b08581
#b08581
rgb(176,133,129)
-
#b87e79
#b87e79
rgb(184,126,121)
-
#c07871
#c07871
rgb(192,120,113)
-
#c87169
#c87169
rgb(200,113,105)
-
#d06b61
#d06b61
rgb(208,107,97)
-
#d7645a
#d7645a
rgb(215,100,90)
-
#df5e52
#df5e52
rgb(223,94,82)
-
#e7574a
#e7574a
rgb(231,87,74)
-
#ef5142
#ef5142
rgb(239,81,66)
-
#f74a3a
#f74a3a
rgb(247,74,58)
-
#ff4332
#ff4332
rgb(255,67,50)
Color Blindness Simulator
Below, you can see how #f74a3a 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.