#f03104 hex color
In a RGB color space, hex #f03104 is composed of 94.1% red, 19.2% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 98.3% yellow and 5.9% black. It has a hue angle of 11.4 degrees, a saturation of 96.7% and a lightness of 47.8%. #f03104 color hex could be obtained by blending #ff6208 with #e10000. Closest websafe color is: #ff3300.
-
- R 94
- G 19
- B 2
RGB color chart
-
- C 0
- M 80
- Y 98
- K 6
CMYK color chart
● #f03104 color description : Vivid red.
The hexadecimal color #f03104 has RGB values of R:240, G:49, B:4 and CMYK values of C:0, M:0.8, Y:0.98, K:0.06. Its decimal value is 15741188.
Hex triplet | f03104 | #f03104 |
---|---|---|
RGB Decimal | 240, 49, 4 | rgb(240,49,4) |
RGB Percent | 94.1, 19.2, 1.6 | rgb(94.1%,19.2%,1.6%) |
CMYK | 0, 80, 98, 6 | |
HSL | 11.4°, 96.7, 47.8 | hsl(11.4,96.7%,47.8%) |
HSV (or HSB) | 11.4°, 98.3, 94.1 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 52.659, 69.329, 64.185 |
---|---|
XYZ | 37.057, 20.735, 2.166 |
xyY | 0.618, 0.346, 20.735 |
CIE-LCH | 52.659, 94.479, 42.794 |
CIE-LUV | 52.659, 150.738, 39.679 |
Hunter-Lab | 45.536, 65.575, 29.055 |
Binary | 11110000, 00110001, 00000100 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #f03104. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #f03104
This text has a font color of #f03104.
<span style="color:#f03104;">Text here</span>
#f03104 background color
This paragraph has a background color of #f03104.
<p style="background-color:#f03104;">Content here</p>
#f03104 border color
This element has a border color of #f03104.
<div style="border:1px solid #f03104;">Content here</div>
CSS codes
.text {color:#f03104;}
.background {background-color:#f03104;}
.border {border:1px solid #f03104;}
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, #080200 is the darkest color, while #fff6f4 is the lightest one.
-
#080200
#080200
rgb(8,2,0)
-
#1c0600
#1c0600
rgb(28,6,0)
-
#2f0a01
#2f0a01
rgb(47,10,1)
-
#420e01
#420e01
rgb(66,14,1)
-
#561101
#561101
rgb(86,17,1)
-
#691502
#691502
rgb(105,21,2)
-
#7c1902
#7c1902
rgb(124,25,2)
-
#901d02
#901d02
rgb(144,29,2)
-
#a32103
#a32103
rgb(163,33,3)
-
#b62503
#b62503
rgb(182,37,3)
-
#c92903
#c92903
rgb(201,41,3)
-
#dd2d04
#dd2d04
rgb(221,45,4)
-
#f03104
#f03104
rgb(240,49,4)
Shade Color Variation
-
#fb3a0d
#fb3a0d
rgb(251,58,13)
-
#fb4a20
#fb4a20
rgb(251,74,32)
-
#fc5933
#fc5933
rgb(252,89,51)
-
#fc6947
#fc6947
rgb(252,105,71)
-
#fc795a
#fc795a
rgb(252,121,90)
-
#fd886d
#fd886d
rgb(253,136,109)
-
#fd9880
#fd9880
rgb(253,152,128)
-
#fda894
#fda894
rgb(253,168,148)
-
#feb8a7
#feb8a7
rgb(254,184,167)
-
#fec7ba
#fec7ba
rgb(254,199,186)
-
#fed7ce
#fed7ce
rgb(254,215,206)
-
#fee7e1
#fee7e1
rgb(254,231,225)
-
#fff6f4
#fff6f4
rgb(255,246,244)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #7f7775 is the less saturated color, while #f03104 is the most saturated one.
-
#7f7775
#7f7775
rgb(127,119,117)
-
#89716b
#89716b
rgb(137,113,107)
-
#926b62
#926b62
rgb(146,107,98)
-
#9c6558
#9c6558
rgb(156,101,88)
-
#a55f4f
#a55f4f
rgb(165,95,79)
-
#ae5a46
#ae5a46
rgb(174,90,70)
-
#b8543c
#b8543c
rgb(184,84,60)
-
#c14e33
#c14e33
rgb(193,78,51)
-
#ca482a
#ca482a
rgb(202,72,42)
-
#d44220
#d44220
rgb(212,66,32)
-
#dd3d17
#dd3d17
rgb(221,61,23)
-
#e7370d
#e7370d
rgb(231,55,13)
-
#f03104
#f03104
rgb(240,49,4)
Tone Color Variation
Below, you can see how #f03104 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.
Monochromacy
Dichromacy