#f84212 Color Information
In a RGB color space, hex #f84212 is composed of 97.3% red, 25.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.4% magenta, 92.7% yellow and 2.7% black. It has a hue angle of 12.5 degrees, a saturation of 94.3% and a lightness of 52.2%. #f84212 color hex could be obtained by blending #ff8424 with #f10000. Closest websafe color is: #ff3300.
-
- R 97
- G 26
- B 7
-
- C 0
- M 73
- Y 93
- K 3
● #f84212 color description : Vivid red.
#f84212 Color Conversion
The hexadecimal color #f84212 has RGB values of R:248, G:66, B:18 and CMYK values of C:0, M:0.73, Y:0.93, K:0.03. Its decimal value is 16269842.
Hex triplet | f84212 | #f84212 |
---|---|---|
RGB Decimal | 248, 66, 18 | rgb(248,66,18) |
RGB Percent | 97.3, 25.9, 7.1 | rgb(97.3%,25.9%,7.1%) |
CMYK | 0, 73, 93, 3 | |
HSL | 12.5°, 94.3, 52.2 | hsl(12.5,94.3%,52.2%) |
HSV (or HSB) | 12.5°, 92.7, 97.3 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 55.989, 66.788, 63.452 |
---|---|
XYZ | 40.771, 23.902, 3.039 |
xyY | 0.602, 0.353, 23.902 |
CIE-LCH | 55.989, 92.124, 43.533 |
CIE-LUV | 55.989, 146.643, 42.487 |
Hunter-Lab | 48.889, 63.303, 30.537 |
Binary | 11111000, 01000010, 00010010 |
Color Schemes with #f84212
Alternatives to #f84212
Below, you can see some colors close to #f84212. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f84212 Preview
This text has a font color of #f84212.
<span style="color:#f84212;">Text here</span>
This paragraph has a background color of #f84212.
<p style="background-color:#f84212;">Content here</p>
This element has a border color of #f84212.
<div style="border:1px solid #f84212;">Content here</div>
.text {color:#f84212;}
.background {background-color:#f84212;}
.border {border:1px solid #f84212;}
Shades and Tints of #f84212
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, #0b0200 is the darkest color, while #fff8f7 is the lightest one.
-
#0b0200
#0b0200
rgb(11,2,0)
-
#1e0701
#1e0701
rgb(30,7,1)
-
#310b01
#310b01
rgb(49,11,1)
-
#441002
#441002
rgb(68,16,2)
-
#571403
#571403
rgb(87,20,3)
-
#6a1903
#6a1903
rgb(106,25,3)
-
#7d1d04
#7d1d04
rgb(125,29,4)
-
#902104
#902104
rgb(144,33,4)
-
#a32605
#a32605
rgb(163,38,5)
-
#b62a05
#b62a05
rgb(182,42,5)
-
#c92f06
#c92f06
rgb(201,47,6)
-
#dc3307
#dc3307
rgb(220,51,7)
-
#ef3807
#ef3807
rgb(239,56,7)
-
#f84212
#f84212
rgb(248,66,18)
-
#f95125
#f95125
rgb(249,81,37)
-
#f96038
#f96038
rgb(249,96,56)
-
#fa704b
#fa704b
rgb(250,112,75)
-
#fa7f5e
#fa7f5e
rgb(250,127,94)
-
#fb8e71
#fb8e71
rgb(251,142,113)
-
#fb9d84
#fb9d84
rgb(251,157,132)
-
#fcac97
#fcac97
rgb(252,172,151)
-
#fdbcaa
#fdbcaa
rgb(253,188,170)
-
#fdcbbd
#fdcbbd
rgb(253,203,189)
-
#fedad1
#fedad1
rgb(254,218,209)
-
#fee9e4
#fee9e4
rgb(254,233,228)
-
#fff8f7
#fff8f7
rgb(255,248,247)
Tones of #f84212
A tone is produced by adding gray to any pure hue. In this case, #878483 is the less saturated color, while #f84212 is the most saturated one.
-
#878483
#878483
rgb(135,132,131)
-
#917e79
#917e79
rgb(145,126,121)
-
#9a7970
#9a7970
rgb(154,121,112)
-
#a47366
#a47366
rgb(164,115,102)
-
#ad6e5d
#ad6e5d
rgb(173,110,93)
-
#b66854
#b66854
rgb(182,104,84)
-
#c0634a
#c0634a
rgb(192,99,74)
-
#c95d41
#c95d41
rgb(201,93,65)
-
#d25838
#d25838
rgb(210,88,56)
-
#dc522e
#dc522e
rgb(220,82,46)
-
#e54d25
#e54d25
rgb(229,77,37)
-
#ef471b
#ef471b
rgb(239,71,27)
-
#f84212
#f84212
rgb(248,66,18)
Color Blindness Simulator
Below, you can see how #f84212 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.