#f84215 Color Information
In a RGB color space, hex #f84215 is composed of 97.3% red, 25.9% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.4% magenta, 91.5% yellow and 2.7% black. It has a hue angle of 11.9 degrees, a saturation of 94.2% and a lightness of 52.7%. #f84215 color hex could be obtained by blending #ff842a with #f10000. Closest websafe color is: #ff3300.
-
- R 97
- G 26
- B 8
-
- C 0
- M 73
- Y 92
- K 3
● #f84215 color description : Vivid red.
#f84215 Color Conversion
The hexadecimal color #f84215 has RGB values of R:248, G:66, B:21 and CMYK values of C:0, M:0.73, Y:0.92, K:0.03. Its decimal value is 16269845.
Hex triplet | f84215 | #f84215 |
---|---|---|
RGB Decimal | 248, 66, 21 | rgb(248,66,21) |
RGB Percent | 97.3, 25.9, 8.2 | rgb(97.3%,25.9%,8.2%) |
CMYK | 0, 73, 92, 3 | |
HSL | 11.9°, 94.2, 52.7 | hsl(11.9,94.2%,52.7%) |
HSV (or HSB) | 11.9°, 91.5, 97.3 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 56, 66.824, 62.567 |
---|---|
XYZ | 40.797, 23.912, 3.177 |
xyY | 0.601, 0.352, 23.912 |
CIE-LCH | 56, 91.542, 43.116 |
CIE-LUV | 56, 146.433, 42.104 |
Hunter-Lab | 48.9, 63.347, 30.378 |
Binary | 11111000, 01000010, 00010101 |
Color Schemes with #f84215
Alternatives to #f84215
Below, you can see some colors close to #f84215. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f84215 Preview
This text has a font color of #f84215.
<span style="color:#f84215;">Text here</span>
This paragraph has a background color of #f84215.
<p style="background-color:#f84215;">Content here</p>
This element has a border color of #f84215.
<div style="border:1px solid #f84215;">Content here</div>
.text {color:#f84215;}
.background {background-color:#f84215;}
.border {border:1px solid #f84215;}
Shades and Tints of #f84215
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, #0e0300 is the darkest color, while #fffbfa is the lightest one.
-
#0e0300
#0e0300
rgb(14,3,0)
-
#210701
#210701
rgb(33,7,1)
-
#340b02
#340b02
rgb(52,11,2)
-
#471002
#471002
rgb(71,16,2)
-
#5a1403
#5a1403
rgb(90,20,3)
-
#6d1803
#6d1803
rgb(109,24,3)
-
#801c04
#801c04
rgb(128,28,4)
-
#932104
#932104
rgb(147,33,4)
-
#a62505
#a62505
rgb(166,37,5)
-
#b92906
#b92906
rgb(185,41,6)
-
#cc2d06
#cc2d06
rgb(204,45,6)
-
#df3207
#df3207
rgb(223,50,7)
-
#f23607
#f23607
rgb(242,54,7)
-
#f84215
#f84215
rgb(248,66,21)
-
#f95128
#f95128
rgb(249,81,40)
-
#f9613b
#f9613b
rgb(249,97,59)
-
#fa704e
#fa704e
rgb(250,112,78)
-
#fa8061
#fa8061
rgb(250,128,97)
-
#fb8f74
#fb8f74
rgb(251,143,116)
-
#fb9e87
#fb9e87
rgb(251,158,135)
-
#fcae9a
#fcae9a
rgb(252,174,154)
-
#fdbdad
#fdbdad
rgb(253,189,173)
-
#fdccc0
#fdccc0
rgb(253,204,192)
-
#fedcd3
#fedcd3
rgb(254,220,211)
-
#feebe7
#feebe7
rgb(254,235,231)
-
#fffbfa
#fffbfa
rgb(255,251,250)
Tones of #f84215
A tone is produced by adding gray to any pure hue. In this case, #898584 is the less saturated color, while #f84215 is the most saturated one.
-
#898584
#898584
rgb(137,133,132)
-
#92807b
#92807b
rgb(146,128,123)
-
#9b7a72
#9b7a72
rgb(155,122,114)
-
#a57468
#a57468
rgb(165,116,104)
-
#ae6f5f
#ae6f5f
rgb(174,111,95)
-
#b76956
#b76956
rgb(183,105,86)
-
#c0644d
#c0644d
rgb(192,100,77)
-
#ca5e43
#ca5e43
rgb(202,94,67)
-
#d3583a
#d3583a
rgb(211,88,58)
-
#dc5331
#dc5331
rgb(220,83,49)
-
#e54d28
#e54d28
rgb(229,77,40)
-
#ef481e
#ef481e
rgb(239,72,30)
-
#f84215
#f84215
rgb(248,66,21)
Color Blindness Simulator
Below, you can see how #f84215 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.