#f84342 Color Information
In a RGB color space, hex #f84342 is composed of 97.3% red, 26.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73% magenta, 73.4% yellow and 2.7% black. It has a hue angle of 0.3 degrees, a saturation of 92.9% and a lightness of 61.6%. #f84342 color hex could be obtained by blending #ff8684 with #f10000. Closest websafe color is: #ff3333.
-
- R 97
- G 26
- B 26
-
- C 0
- M 73
- Y 73
- K 3
● #f84342 color description : Bright red.
#f84342 Color Conversion
The hexadecimal color #f84342 has RGB values of R:248, G:67, B:66 and CMYK values of C:0, M:0.73, Y:0.73, K:0.03. Its decimal value is 16270146.
Hex triplet | f84342 | #f84342 |
---|---|---|
RGB Decimal | 248, 67, 66 | rgb(248,67,66) |
RGB Percent | 97.3, 26.3, 25.9 | rgb(97.3%,26.3%,25.9%) |
CMYK | 0, 73, 73, 3 | |
HSL | 0.3°, 92.9, 61.6 | hsl(0.3,92.9%,61.6%) |
HSV (or HSB) | 0.3°, 73.4, 97.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.455, 67.633, 42.354 |
---|---|
XYZ | 41.704, 24.369, 7.662 |
xyY | 0.566, 0.33, 24.369 |
CIE-LCH | 56.455, 79.8, 32.056 |
CIE-LUV | 56.455, 139.372, 30.419 |
Hunter-Lab | 49.365, 64.409, 25.353 |
Binary | 11111000, 01000011, 01000010 |
Color Schemes with #f84342
Alternatives to #f84342
Below, you can see some colors close to #f84342. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f84342 Preview
This text has a font color of #f84342.
<span style="color:#f84342;">Text here</span>
This paragraph has a background color of #f84342.
<p style="background-color:#f84342;">Content here</p>
This element has a border color of #f84342.
<div style="border:1px solid #f84342;">Content here</div>
.text {color:#f84342;}
.background {background-color:#f84342;}
.border {border:1px solid #f84342;}
Shades and Tints of #f84342
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, #000000 is the darkest color, while #feecec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130101
#130101
rgb(19,1,1)
-
#260201
#260201
rgb(38,2,1)
-
#390202
#390202
rgb(57,2,2)
-
#4c0303
#4c0303
rgb(76,3,3)
-
#5f0404
#5f0404
rgb(95,4,4)
-
#720504
#720504
rgb(114,5,4)
-
#850605
#850605
rgb(133,6,5)
-
#970606
#970606
rgb(151,6,6)
-
#aa0706
#aa0706
rgb(170,7,6)
-
#bd0807
#bd0807
rgb(189,8,7)
-
#d00908
#d00908
rgb(208,9,8)
-
#e30a08
#e30a08
rgb(227,10,8)
-
#f60b09
#f60b09
rgb(246,11,9)
-
#f71d1c
#f71d1c
rgb(247,29,28)
-
#f7302f
#f7302f
rgb(247,48,47)
-
#f84342
#f84342
rgb(248,67,66)
-
#f95655
#f95655
rgb(249,86,85)
-
#f96968
#f96968
rgb(249,105,104)
-
#fa7b7b
#fa7b7b
rgb(250,123,123)
-
#fb8e8e
#fb8e8e
rgb(251,142,142)
-
#fca1a1
#fca1a1
rgb(252,161,161)
-
#fcb4b3
#fcb4b3
rgb(252,180,179)
-
#fdc7c6
#fdc7c6
rgb(253,199,198)
-
#fedad9
#fedad9
rgb(254,218,217)
-
#feecec
#feecec
rgb(254,236,236)
Tones of #f84342
A tone is produced by adding gray to any pure hue. In this case, #9e9c9c is the less saturated color, while #f84342 is the most saturated one.
-
#9e9c9c
#9e9c9c
rgb(158,156,156)
-
#a59595
#a59595
rgb(165,149,149)
-
#ad8e8d
#ad8e8d
rgb(173,142,141)
-
#b48686
#b48686
rgb(180,134,134)
-
#bc7f7e
#bc7f7e
rgb(188,127,126)
-
#c37777
#c37777
rgb(195,119,119)
-
#cb706f
#cb706f
rgb(203,112,111)
-
#d26868
#d26868
rgb(210,104,104)
-
#da6160
#da6160
rgb(218,97,96)
-
#e15959
#e15959
rgb(225,89,89)
-
#e95251
#e95251
rgb(233,82,81)
-
#f04a4a
#f04a4a
rgb(240,74,74)
-
#f84342
#f84342
rgb(248,67,66)
Color Blindness Simulator
Below, you can see how #f84342 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.