#f84f31 Color Information
In a RGB color space, hex #f84f31 is composed of 97.3% red, 31% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.1% magenta, 80.2% yellow and 2.7% black. It has a hue angle of 9 degrees, a saturation of 93.4% and a lightness of 58.2%. #f84f31 color hex could be obtained by blending #ff9e62 with #f10000. Closest websafe color is: #ff6633.
-
- R 97
- G 31
- B 19
-
- C 0
- M 68
- Y 80
- K 3
● #f84f31 color description : Bright red.
#f84f31 Color Conversion
The hexadecimal color #f84f31 has RGB values of R:248, G:79, B:49 and CMYK values of C:0, M:0.68, Y:0.8, K:0.03. Its decimal value is 16273201.
Hex triplet | f84f31 | #f84f31 |
---|---|---|
RGB Decimal | 248, 79, 49 | rgb(248,79,49) |
RGB Percent | 97.3, 31, 19.2 | rgb(97.3%,31%,19.2%) |
CMYK | 0, 68, 80, 3 | |
HSL | 9°, 93.4, 58.2 | hsl(9,93.4%,58.2%) |
HSV (or HSB) | 9°, 80.2, 97.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.823, 62.828, 52.614 |
---|---|
XYZ | 42.064, 25.775, 5.666 |
xyY | 0.572, 0.351, 25.775 |
CIE-LCH | 57.823, 81.949, 39.943 |
CIE-LUV | 57.823, 135.064, 39.204 |
Hunter-Lab | 50.769, 59.047, 28.922 |
Binary | 11111000, 01001111, 00110001 |
Color Schemes with #f84f31
Alternatives to #f84f31
Below, you can see some colors close to #f84f31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f84f31 Preview
This text has a font color of #f84f31.
<span style="color:#f84f31;">Text here</span>
This paragraph has a background color of #f84f31.
<p style="background-color:#f84f31;">Content here</p>
This element has a border color of #f84f31.
<div style="border:1px solid #f84f31;">Content here</div>
.text {color:#f84f31;}
.background {background-color:#f84f31;}
.border {border:1px solid #f84f31;}
Shades and Tints of #f84f31
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, #030000 is the darkest color, while #fef1ef is the lightest one.
-
#030000
#030000
rgb(3,0,0)
-
#160401
#160401
rgb(22,4,1)
-
#290701
#290701
rgb(41,7,1)
-
#3c0b02
#3c0b02
rgb(60,11,2)
-
#4f0e03
#4f0e03
rgb(79,14,3)
-
#621203
#621203
rgb(98,18,3)
-
#751504
#751504
rgb(117,21,4)
-
#871805
#871805
rgb(135,24,5)
-
#9a1c05
#9a1c05
rgb(154,28,5)
-
#ad1f06
#ad1f06
rgb(173,31,6)
-
#c02307
#c02307
rgb(192,35,7)
-
#d32607
#d32607
rgb(211,38,7)
-
#e62908
#e62908
rgb(230,41,8)
-
#f72f0b
#f72f0b
rgb(247,47,11)
-
#f73f1e
#f73f1e
rgb(247,63,30)
-
#f84f31
#f84f31
rgb(248,79,49)
-
#f95f44
#f95f44
rgb(249,95,68)
-
#f96f57
#f96f57
rgb(249,111,87)
-
#fa806a
#fa806a
rgb(250,128,106)
-
#fb907d
#fb907d
rgb(251,144,125)
-
#fba090
#fba090
rgb(251,160,144)
-
#fcb0a3
#fcb0a3
rgb(252,176,163)
-
#fdc0b6
#fdc0b6
rgb(253,192,182)
-
#fdd1c9
#fdd1c9
rgb(253,209,201)
-
#fee1dc
#fee1dc
rgb(254,225,220)
-
#fef1ef
#fef1ef
rgb(254,241,239)
Tones of #f84f31
A tone is produced by adding gray to any pure hue. In this case, #969493 is the less saturated color, while #f84f31 is the most saturated one.
-
#969493
#969493
rgb(150,148,147)
-
#9e8e8b
#9e8e8b
rgb(158,142,139)
-
#a68883
#a68883
rgb(166,136,131)
-
#ae837b
#ae837b
rgb(174,131,123)
-
#b67d73
#b67d73
rgb(182,125,115)
-
#bf776a
#bf776a
rgb(191,119,106)
-
#c77162
#c77162
rgb(199,113,98)
-
#cf6c5a
#cf6c5a
rgb(207,108,90)
-
#d76652
#d76652
rgb(215,102,82)
-
#df604a
#df604a
rgb(223,96,74)
-
#e85a41
#e85a41
rgb(232,90,65)
-
#f05539
#f05539
rgb(240,85,57)
-
#f84f31
#f84f31
rgb(248,79,49)
Color Blindness Simulator
Below, you can see how #f84f31 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.