#f84228 Color Information
In a RGB color space, hex #f84228 is composed of 97.3% red, 25.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.4% magenta, 83.9% yellow and 2.7% black. It has a hue angle of 7.5 degrees, a saturation of 93.7% and a lightness of 56.5%. #f84228 color hex could be obtained by blending #ff8450 with #f10000. Closest websafe color is: #ff3333.
-
- R 97
- G 26
- B 16
-
- C 0
- M 73
- Y 84
- K 3
● #f84228 color description : Bright red.
#f84228 Color Conversion
The hexadecimal color #f84228 has RGB values of R:248, G:66, B:40 and CMYK values of C:0, M:0.73, Y:0.84, K:0.03. Its decimal value is 16269864.
Hex triplet | f84228 | #f84228 |
---|---|---|
RGB Decimal | 248, 66, 40 | rgb(248,66,40) |
RGB Percent | 97.3, 25.9, 15.7 | rgb(97.3%,25.9%,15.7%) |
CMYK | 0, 73, 84, 3 | |
HSL | 7.5°, 93.7, 56.5 | hsl(7.5,93.7%,56.5%) |
HSV (or HSB) | 7.5°, 83.9, 97.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.099, 67.157, 55.259 |
---|---|
XYZ | 41.045, 24.011, 4.481 |
xyY | 0.59, 0.345, 24.011 |
CIE-LCH | 56.099, 86.969, 39.448 |
CIE-LUV | 56.099, 144.473, 38.522 |
Hunter-Lab | 49.001, 63.765, 28.879 |
Binary | 11111000, 01000010, 00101000 |
Color Schemes with #f84228
Alternatives to #f84228
Below, you can see some colors close to #f84228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f84228 Preview
This text has a font color of #f84228.
<span style="color:#f84228;">Text here</span>
This paragraph has a background color of #f84228.
<p style="background-color:#f84228;">Content here</p>
This element has a border color of #f84228.
<div style="border:1px solid #f84228;">Content here</div>
.text {color:#f84228;}
.background {background-color:#f84228;}
.border {border:1px solid #f84228;}
Shades and Tints of #f84228
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, #0d0200 is the darkest color, while #fffaf9 is the lightest one.
-
#0d0200
#0d0200
rgb(13,2,0)
-
#200501
#200501
rgb(32,5,1)
-
#330802
#330802
rgb(51,8,2)
-
#460b02
#460b02
rgb(70,11,2)
-
#590e03
#590e03
rgb(89,14,3)
-
#6c1104
#6c1104
rgb(108,17,4)
-
#7f1304
#7f1304
rgb(127,19,4)
-
#921605
#921605
rgb(146,22,5)
-
#a51905
#a51905
rgb(165,25,5)
-
#b81c06
#b81c06
rgb(184,28,6)
-
#cb1f07
#cb1f07
rgb(203,31,7)
-
#de2207
#de2207
rgb(222,34,7)
-
#f12508
#f12508
rgb(241,37,8)
-
#f73115
#f73115
rgb(247,49,21)
-
#f84228
#f84228
rgb(248,66,40)
-
#f9533b
#f9533b
rgb(249,83,59)
-
#f9634e
#f9634e
rgb(249,99,78)
-
#fa7461
#fa7461
rgb(250,116,97)
-
#fa8574
#fa8574
rgb(250,133,116)
-
#fb9587
#fb9587
rgb(251,149,135)
-
#fca69a
#fca69a
rgb(252,166,154)
-
#fcb7ad
#fcb7ad
rgb(252,183,173)
-
#fdc8c0
#fdc8c0
rgb(253,200,192)
-
#fed8d3
#fed8d3
rgb(254,216,211)
-
#fee9e6
#fee9e6
rgb(254,233,230)
-
#fffaf9
#fffaf9
rgb(255,250,249)
Tones of #f84228
A tone is produced by adding gray to any pure hue. In this case, #928f8e is the less saturated color, while #f84228 is the most saturated one.
-
#928f8e
#928f8e
rgb(146,143,142)
-
#9a8886
#9a8886
rgb(154,136,134)
-
#a3827d
#a3827d
rgb(163,130,125)
-
#ab7c75
#ab7c75
rgb(171,124,117)
-
#b4756c
#b4756c
rgb(180,117,108)
-
#bc6f64
#bc6f64
rgb(188,111,100)
-
#c5685b
#c5685b
rgb(197,104,91)
-
#cd6253
#cd6253
rgb(205,98,83)
-
#d65c4a
#d65c4a
rgb(214,92,74)
-
#de5542
#de5542
rgb(222,85,66)
-
#e74f39
#e74f39
rgb(231,79,57)
-
#ef4831
#ef4831
rgb(239,72,49)
-
#f84228
#f84228
rgb(248,66,40)
Color Blindness Simulator
Below, you can see how #f84228 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.