#f74142 Color Information
In a RGB color space, hex #f74142 is composed of 96.9% red, 25.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.7% magenta, 73.3% yellow and 3.1% black. It has a hue angle of 359.7 degrees, a saturation of 91.9% and a lightness of 61.2%. #f74142 color hex could be obtained by blending #ff8284 with #ef0000. Closest websafe color is: #ff3333.
-
- R 97
- G 25
- B 26
-
- C 0
- M 74
- Y 73
- K 3
● #f74142 color description : Bright red.
#f74142 Color Conversion
The hexadecimal color #f74142 has RGB values of R:247, G:65, B:66 and CMYK values of C:0, M:0.74, Y:0.73, K:0.03. Its decimal value is 16204098.
Hex triplet | f74142 | #f74142 |
---|---|---|
RGB Decimal | 247, 65, 66 | rgb(247,65,66) |
RGB Percent | 96.9, 25.5, 25.9 | rgb(96.9%,25.5%,25.9%) |
CMYK | 0, 74, 73, 3 | |
HSL | 359.7°, 91.9, 61.2 | hsl(359.7,91.9%,61.2%) |
HSV (or HSB) | 359.7°, 73.7, 96.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.041, 67.986, 41.839 |
---|---|
XYZ | 41.233, 23.953, 7.606 |
xyY | 0.566, 0.329, 23.953 |
CIE-LCH | 56.041, 79.829, 31.608 |
CIE-LUV | 56.041, 139.698, 29.785 |
Hunter-Lab | 48.942, 64.738, 25.045 |
Binary | 11110111, 01000001, 01000010 |
Color Schemes with #f74142
Alternatives to #f74142
Below, you can see some colors close to #f74142. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f74142 Preview
This text has a font color of #f74142.
<span style="color:#f74142;">Text here</span>
This paragraph has a background color of #f74142.
<p style="background-color:#f74142;">Content here</p>
This element has a border color of #f74142.
<div style="border:1px solid #f74142;">Content here</div>
.text {color:#f74142;}
.background {background-color:#f74142;}
.border {border:1px solid #f74142;}
Shades and Tints of #f74142
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, #110101 is the darkest color, while #fffdfd is the lightest one.
-
#110101
#110101
rgb(17,1,1)
-
#240202
#240202
rgb(36,2,2)
-
#370203
#370203
rgb(55,2,3)
-
#4a0303
#4a0303
rgb(74,3,3)
-
#5c0404
#5c0404
rgb(92,4,4)
-
#6f0505
#6f0505
rgb(111,5,5)
-
#820506
#820506
rgb(130,5,6)
-
#950607
#950607
rgb(149,6,7)
-
#a80708
#a80708
rgb(168,7,8)
-
#ba0809
#ba0809
rgb(186,8,9)
-
#cd090a
#cd090a
rgb(205,9,10)
-
#e0090b
#e0090b
rgb(224,9,11)
-
#f30a0c
#f30a0c
rgb(243,10,12)
-
#f51b1d
#f51b1d
rgb(245,27,29)
-
#f62e2f
#f62e2f
rgb(246,46,47)
-
#f74142
#f74142
rgb(247,65,66)
-
#f85455
#f85455
rgb(248,84,85)
-
#f96767
#f96767
rgb(249,103,103)
-
#f9797a
#f9797a
rgb(249,121,122)
-
#fa8c8d
#fa8c8d
rgb(250,140,141)
-
#fb9fa0
#fb9fa0
rgb(251,159,160)
-
#fcb2b2
#fcb2b2
rgb(252,178,178)
-
#fdc5c5
#fdc5c5
rgb(253,197,197)
-
#fdd8d8
#fdd8d8
rgb(253,216,216)
-
#feeaeb
#feeaeb
rgb(254,234,235)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f74142
A tone is produced by adding gray to any pure hue. In this case, #a39595 is the less saturated color, while #ff393a is the most saturated one.
-
#a39595
#a39595
rgb(163,149,149)
-
#ab8d8d
#ab8d8d
rgb(171,141,141)
-
#b28686
#b28686
rgb(178,134,134)
-
#ba7e7e
#ba7e7e
rgb(186,126,126)
-
#c27677
#c27677
rgb(194,118,119)
-
#c96f6f
#c96f6f
rgb(201,111,111)
-
#d16768
#d16768
rgb(209,103,104)
-
#d95f60
#d95f60
rgb(217,95,96)
-
#e05859
#e05859
rgb(224,88,89)
-
#e85051
#e85051
rgb(232,80,81)
-
#ef494a
#ef494a
rgb(239,73,74)
-
#f74142
#f74142
rgb(247,65,66)
-
#ff393a
#ff393a
rgb(255,57,58)
Color Blindness Simulator
Below, you can see how #f74142 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.