#f04304 Color Information
In a RGB color space, hex #f04304 is composed of 94.1% red, 26.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.1% magenta, 98.3% yellow and 5.9% black. It has a hue angle of 16 degrees, a saturation of 96.7% and a lightness of 47.8%. #f04304 color hex could be obtained by blending #ff8608 with #e10000. Closest websafe color is: #ff3300.
-
- R 94
- G 26
- B 2
-
- C 0
- M 72
- Y 98
- K 6
● #f04304 color description : Vivid orange.
#f04304 Color Conversion
The hexadecimal color #f04304 has RGB values of R:240, G:67, B:4 and CMYK values of C:0, M:0.72, Y:0.98, K:0.06. Its decimal value is 15745796.
Hex triplet | f04304 | #f04304 |
---|---|---|
RGB Decimal | 240, 67, 4 | rgb(240,67,4) |
RGB Percent | 94.1, 26.3, 1.6 | rgb(94.1%,26.3%,1.6%) |
CMYK | 0, 72, 98, 6 | |
HSL | 16°, 96.7, 47.8 | hsl(16,96.7%,47.8%) |
HSV (or HSB) | 16°, 98.3, 94.1 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 54.609, 63.885, 65.131 |
---|---|
XYZ | 37.966, 22.553, 2.469 |
xyY | 0.603, 0.358, 22.553 |
CIE-LCH | 54.609, 91.232, 45.553 |
CIE-LUV | 54.609, 140.552, 43.097 |
Hunter-Lab | 47.49, 59.596, 30.161 |
Binary | 11110000, 01000011, 00000100 |
Color Schemes with #f04304
Alternatives to #f04304
Below, you can see some colors close to #f04304. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f04304 Preview
This text has a font color of #f04304.
<span style="color:#f04304;">Text here</span>
This paragraph has a background color of #f04304.
<p style="background-color:#f04304;">Content here</p>
This element has a border color of #f04304.
<div style="border:1px solid #f04304;">Content here</div>
.text {color:#f04304;}
.background {background-color:#f04304;}
.border {border:1px solid #f04304;}
Shades and Tints of #f04304
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 #fff7f4 is the lightest one.
-
#080200
#080200
rgb(8,2,0)
-
#1c0800
#1c0800
rgb(28,8,0)
-
#2f0d01
#2f0d01
rgb(47,13,1)
-
#421301
#421301
rgb(66,19,1)
-
#561801
#561801
rgb(86,24,1)
-
#691d02
#691d02
rgb(105,29,2)
-
#7c2302
#7c2302
rgb(124,35,2)
-
#902802
#902802
rgb(144,40,2)
-
#a32d03
#a32d03
rgb(163,45,3)
-
#b63303
#b63303
rgb(182,51,3)
-
#c93803
#c93803
rgb(201,56,3)
-
#dd3e04
#dd3e04
rgb(221,62,4)
-
#f04304
#f04304
rgb(240,67,4)
-
#fb4c0d
#fb4c0d
rgb(251,76,13)
-
#fb5a20
#fb5a20
rgb(251,90,32)
-
#fc6933
#fc6933
rgb(252,105,51)
-
#fc7747
#fc7747
rgb(252,119,71)
-
#fc855a
#fc855a
rgb(252,133,90)
-
#fd936d
#fd936d
rgb(253,147,109)
-
#fda280
#fda280
rgb(253,162,128)
-
#fdb094
#fdb094
rgb(253,176,148)
-
#febea7
#febea7
rgb(254,190,167)
-
#feccba
#feccba
rgb(254,204,186)
-
#fedbce
#fedbce
rgb(254,219,206)
-
#fee9e1
#fee9e1
rgb(254,233,225)
-
#fff7f4
#fff7f4
rgb(255,247,244)
Tones of #f04304
A tone is produced by adding gray to any pure hue. In this case, #7f7775 is the less saturated color, while #f04304 is the most saturated one.
-
#7f7775
#7f7775
rgb(127,119,117)
-
#89736b
#89736b
rgb(137,115,107)
-
#926f62
#926f62
rgb(146,111,98)
-
#9c6a58
#9c6a58
rgb(156,106,88)
-
#a5664f
#a5664f
rgb(165,102,79)
-
#ae6246
#ae6246
rgb(174,98,70)
-
#b85d3c
#b85d3c
rgb(184,93,60)
-
#c15933
#c15933
rgb(193,89,51)
-
#ca542a
#ca542a
rgb(202,84,42)
-
#d45020
#d45020
rgb(212,80,32)
-
#dd4c17
#dd4c17
rgb(221,76,23)
-
#e7470d
#e7470d
rgb(231,71,13)
-
#f04304
#f04304
rgb(240,67,4)
Color Blindness Simulator
Below, you can see how #f04304 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.