#f83312 Color Information
In a RGB color space, hex #f83312 is composed of 97.3% red, 20% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.4% magenta, 92.7% yellow and 2.7% black. It has a hue angle of 8.6 degrees, a saturation of 94.3% and a lightness of 52.2%. #f83312 color hex could be obtained by blending #ff6624 with #f10000. Closest websafe color is: #ff3300.
-
- R 97
- G 20
- B 7
-
- C 0
- M 79
- Y 93
- K 3
● #f83312 color description : Vivid red.
#f83312 Color Conversion
The hexadecimal color #f83312 has RGB values of R:248, G:51, B:18 and CMYK values of C:0, M:0.79, Y:0.93, K:0.03. Its decimal value is 16266002.
Hex triplet | f83312 | #f83312 |
---|---|---|
RGB Decimal | 248, 51, 18 | rgb(248,51,18) |
RGB Percent | 97.3, 20, 7.1 | rgb(97.3%,20%,7.1%) |
CMYK | 0, 79, 93, 3 | |
HSL | 8.6°, 94.3, 52.2 | hsl(8.6,94.3%,52.2%) |
HSV (or HSB) | 8.6°, 92.7, 97.3 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 54.42, 71.179, 62.493 |
---|---|
XYZ | 40.007, 22.373, 2.784 |
xyY | 0.614, 0.343, 22.373 |
CIE-LCH | 54.42, 94.719, 41.282 |
CIE-LUV | 54.42, 154.897, 39.684 |
Hunter-Lab | 47.3, 68.201, 29.62 |
Binary | 11111000, 00110011, 00010010 |
Color Schemes with #f83312
Alternatives to #f83312
Below, you can see some colors close to #f83312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f83312 Preview
This text has a font color of #f83312.
<span style="color:#f83312;">Text here</span>
This paragraph has a background color of #f83312.
<p style="background-color:#f83312;">Content here</p>
This element has a border color of #f83312.
<div style="border:1px solid #f83312;">Content here</div>
.text {color:#f83312;}
.background {background-color:#f83312;}
.border {border:1px solid #f83312;}
Shades and Tints of #f83312
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)
-
#1e0501
#1e0501
rgb(30,5,1)
-
#310801
#310801
rgb(49,8,1)
-
#440b02
#440b02
rgb(68,11,2)
-
#570f03
#570f03
rgb(87,15,3)
-
#6a1203
#6a1203
rgb(106,18,3)
-
#7d1504
#7d1504
rgb(125,21,4)
-
#901804
#901804
rgb(144,24,4)
-
#a31c05
#a31c05
rgb(163,28,5)
-
#b61f05
#b61f05
rgb(182,31,5)
-
#c92206
#c92206
rgb(201,34,6)
-
#dc2507
#dc2507
rgb(220,37,7)
-
#ef2807
#ef2807
rgb(239,40,7)
-
#f83312
#f83312
rgb(248,51,18)
-
#f94325
#f94325
rgb(249,67,37)
-
#f95438
#f95438
rgb(249,84,56)
-
#fa644b
#fa644b
rgb(250,100,75)
-
#fa755e
#fa755e
rgb(250,117,94)
-
#fb8571
#fb8571
rgb(251,133,113)
-
#fb9584
#fb9584
rgb(251,149,132)
-
#fca697
#fca697
rgb(252,166,151)
-
#fdb6aa
#fdb6aa
rgb(253,182,170)
-
#fdc7bd
#fdc7bd
rgb(253,199,189)
-
#fed7d1
#fed7d1
rgb(254,215,209)
-
#fee7e4
#fee7e4
rgb(254,231,228)
-
#fff8f7
#fff8f7
rgb(255,248,247)
Tones of #f83312
A tone is produced by adding gray to any pure hue. In this case, #878383 is the less saturated color, while #f83312 is the most saturated one.
-
#878383
#878383
rgb(135,131,131)
-
#917d79
#917d79
rgb(145,125,121)
-
#9a7670
#9a7670
rgb(154,118,112)
-
#a46f66
#a46f66
rgb(164,111,102)
-
#ad695d
#ad695d
rgb(173,105,93)
-
#b66254
#b66254
rgb(182,98,84)
-
#c05b4a
#c05b4a
rgb(192,91,74)
-
#c95441
#c95441
rgb(201,84,65)
-
#d24e38
#d24e38
rgb(210,78,56)
-
#dc472e
#dc472e
rgb(220,71,46)
-
#e54025
#e54025
rgb(229,64,37)
-
#ef3a1b
#ef3a1b
rgb(239,58,27)
-
#f83312
#f83312
rgb(248,51,18)
Color Blindness Simulator
Below, you can see how #f83312 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.