#f04302 Color Information
In a RGB color space, hex #f04302 is composed of 94.1% red, 26.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.1% magenta, 99.2% yellow and 5.9% black. It has a hue angle of 16.4 degrees, a saturation of 98.3% and a lightness of 47.5%. #f04302 color hex could be obtained by blending #ff8604 with #e10000. Closest websafe color is: #ff3300.
-
- R 94
- G 26
- B 1
-
- C 0
- M 72
- Y 99
- K 6
● #f04302 color description : Vivid orange.
#f04302 Color Conversion
The hexadecimal color #f04302 has RGB values of R:240, G:67, B:2 and CMYK values of C:0, M:0.72, Y:0.99, K:0.06. Its decimal value is 15745794.
Hex triplet | f04302 | #f04302 |
---|---|---|
RGB Decimal | 240, 67, 2 | rgb(240,67,2) |
RGB Percent | 94.1, 26.3, 0.8 | rgb(94.1%,26.3%,0.8%) |
CMYK | 0, 72, 99, 6 | |
HSL | 16.4°, 98.3, 47.5 | hsl(16.4,98.3%,47.5%) |
HSV (or HSB) | 16.4°, 99.2, 94.1 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 54.604, 63.869, 65.567 |
---|---|
XYZ | 37.955, 22.549, 2.411 |
xyY | 0.603, 0.358, 22.549 |
CIE-LCH | 54.604, 91.533, 45.752 |
CIE-LUV | 54.604, 140.642, 43.265 |
Hunter-Lab | 47.485, 59.576, 30.229 |
Binary | 11110000, 01000011, 00000010 |
Color Schemes with #f04302
Alternatives to #f04302
Below, you can see some colors close to #f04302. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f04302 Preview
This text has a font color of #f04302.
<span style="color:#f04302;">Text here</span>
This paragraph has a background color of #f04302.
<p style="background-color:#f04302;">Content here</p>
This element has a border color of #f04302.
<div style="border:1px solid #f04302;">Content here</div>
.text {color:#f04302;}
.background {background-color:#f04302;}
.border {border:1px solid #f04302;}
Shades and Tints of #f04302
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, #070200 is the darkest color, while #fff6f2 is the lightest one.
-
#070200
#070200
rgb(7,2,0)
-
#1a0700
#1a0700
rgb(26,7,0)
-
#2d0d00
#2d0d00
rgb(45,13,0)
-
#411201
#411201
rgb(65,18,1)
-
#541801
#541801
rgb(84,24,1)
-
#681d01
#681d01
rgb(104,29,1)
-
#7b2201
#7b2201
rgb(123,34,1)
-
#8f2801
#8f2801
rgb(143,40,1)
-
#a22d01
#a22d01
rgb(162,45,1)
-
#b63302
#b63302
rgb(182,51,2)
-
#c93802
#c93802
rgb(201,56,2)
-
#dd3e02
#dd3e02
rgb(221,62,2)
-
#f04302
#f04302
rgb(240,67,2)
-
#fd4b09
#fd4b09
rgb(253,75,9)
-
#fd5a1c
#fd5a1c
rgb(253,90,28)
-
#fd6830
#fd6830
rgb(253,104,48)
-
#fd7643
#fd7643
rgb(253,118,67)
-
#fe8456
#fe8456
rgb(254,132,86)
-
#fe926a
#fe926a
rgb(254,146,106)
-
#fea07d
#fea07d
rgb(254,160,125)
-
#feaf91
#feaf91
rgb(254,175,145)
-
#febda4
#febda4
rgb(254,189,164)
-
#fecbb8
#fecbb8
rgb(254,203,184)
-
#ffd9cb
#ffd9cb
rgb(255,217,203)
-
#ffe7df
#ffe7df
rgb(255,231,223)
-
#fff6f2
#fff6f2
rgb(255,246,242)
Tones of #f04302
A tone is produced by adding gray to any pure hue. In this case, #807672 is the less saturated color, while #f04302 is the most saturated one.
-
#807672
#807672
rgb(128,118,114)
-
#8a7168
#8a7168
rgb(138,113,104)
-
#936d5f
#936d5f
rgb(147,109,95)
-
#9c6956
#9c6956
rgb(156,105,86)
-
#a6654c
#a6654c
rgb(166,101,76)
-
#af6143
#af6143
rgb(175,97,67)
-
#b85c3a
#b85c3a
rgb(184,92,58)
-
#c15831
#c15831
rgb(193,88,49)
-
#cb5427
#cb5427
rgb(203,84,39)
-
#d4501e
#d4501e
rgb(212,80,30)
-
#dd4b15
#dd4b15
rgb(221,75,21)
-
#e7470b
#e7470b
rgb(231,71,11)
-
#f04302
#f04302
rgb(240,67,2)
Color Blindness Simulator
Below, you can see how #f04302 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.