#f8312a Color Information
In a RGB color space, hex #f8312a is composed of 97.3% red, 19.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 83.1% yellow and 2.7% black. It has a hue angle of 2 degrees, a saturation of 93.6% and a lightness of 56.9%. #f8312a color hex could be obtained by blending #ff6254 with #f10000. Closest websafe color is: #ff3333.
-
- R 97
- G 19
- B 16
-
- C 0
- M 80
- Y 83
- K 3
● #f8312a color description : Bright red.
#f8312a Color Conversion
The hexadecimal color #f8312a has RGB values of R:248, G:49, B:42 and CMYK values of C:0, M:0.8, Y:0.83, K:0.03. Its decimal value is 16265514.
Hex triplet | f8312a | #f8312a |
---|---|---|
RGB Decimal | 248, 49, 42 | rgb(248,49,42) |
RGB Percent | 97.3, 19.2, 16.5 | rgb(97.3%,19.2%,16.5%) |
CMYK | 0, 80, 83, 3 | |
HSL | 2°, 93.6, 56.9 | hsl(2,93.6%,56.9%) |
HSV (or HSB) | 2°, 83.1, 97.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.371, 72.089, 52.793 |
---|---|
XYZ | 40.23, 22.325, 4.381 |
xyY | 0.601, 0.334, 22.325 |
CIE-LCH | 54.371, 89.353, 36.217 |
CIE-LUV | 54.371, 153.116, 34.762 |
Hunter-Lab | 47.25, 69.293, 27.577 |
Binary | 11111000, 00110001, 00101010 |
Color Schemes with #f8312a
Alternatives to #f8312a
Below, you can see some colors close to #f8312a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8312a Preview
This text has a font color of #f8312a.
<span style="color:#f8312a;">Text here</span>
This paragraph has a background color of #f8312a.
<p style="background-color:#f8312a;">Content here</p>
This element has a border color of #f8312a.
<div style="border:1px solid #f8312a;">Content here</div>
.text {color:#f8312a;}
.background {background-color:#f8312a;}
.border {border:1px solid #f8312a;}
Shades and Tints of #f8312a
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, #0f0100 is the darkest color, while #fffbfb is the lightest one.
-
#0f0100
#0f0100
rgb(15,1,0)
-
#220201
#220201
rgb(34,2,1)
-
#350302
#350302
rgb(53,3,2)
-
#480502
#480502
rgb(72,5,2)
-
#5b0603
#5b0603
rgb(91,6,3)
-
#6e0704
#6e0704
rgb(110,7,4)
-
#810804
#810804
rgb(129,8,4)
-
#940a05
#940a05
rgb(148,10,5)
-
#a70b05
#a70b05
rgb(167,11,5)
-
#ba0c06
#ba0c06
rgb(186,12,6)
-
#cd0d07
#cd0d07
rgb(205,13,7)
-
#e00f07
#e00f07
rgb(224,15,7)
-
#f31008
#f31008
rgb(243,16,8)
-
#f71f17
#f71f17
rgb(247,31,23)
-
#f8312a
#f8312a
rgb(248,49,42)
-
#f9433d
#f9433d
rgb(249,67,61)
-
#f95650
#f95650
rgb(249,86,80)
-
#fa6863
#fa6863
rgb(250,104,99)
-
#fa7a76
#fa7a76
rgb(250,122,118)
-
#fb8d89
#fb8d89
rgb(251,141,137)
-
#fc9f9c
#fc9f9c
rgb(252,159,156)
-
#fcb2af
#fcb2af
rgb(252,178,175)
-
#fdc4c2
#fdc4c2
rgb(253,196,194)
-
#fed6d5
#fed6d5
rgb(254,214,213)
-
#fee9e8
#fee9e8
rgb(254,233,232)
-
#fffbfb
#fffbfb
rgb(255,251,251)
Tones of #f8312a
A tone is produced by adding gray to any pure hue. In this case, #929090 is the less saturated color, while #f8312a is the most saturated one.
-
#929090
#929090
rgb(146,144,144)
-
#9b8887
#9b8887
rgb(155,136,135)
-
#a3807f
#a3807f
rgb(163,128,127)
-
#ac7876
#ac7876
rgb(172,120,118)
-
#b4706e
#b4706e
rgb(180,112,110)
-
#bd6865
#bd6865
rgb(189,104,101)
-
#c5605d
#c5605d
rgb(197,96,93)
-
#ce5854
#ce5854
rgb(206,88,84)
-
#d6514c
#d6514c
rgb(214,81,76)
-
#df4943
#df4943
rgb(223,73,67)
-
#e7413b
#e7413b
rgb(231,65,59)
-
#f03932
#f03932
rgb(240,57,50)
-
#f8312a
#f8312a
rgb(248,49,42)
Color Blindness Simulator
Below, you can see how #f8312a 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.