#f34306 Color Information
In a RGB color space, hex #f34306 is composed of 95.3% red, 26.3% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.4% magenta, 97.5% yellow and 4.7% black. It has a hue angle of 15.4 degrees, a saturation of 95.2% and a lightness of 48.8%. #f34306 color hex could be obtained by blending #ff860c with #e70000. Closest websafe color is: #ff3300.
-
- R 95
- G 26
- B 2
-
- C 0
- M 72
- Y 98
- K 5
● #f34306 color description : Vivid orange.
#f34306 Color Conversion
The hexadecimal color #f34306 has RGB values of R:243, G:67, B:6 and CMYK values of C:0, M:0.72, Y:0.98, K:0.05. Its decimal value is 15942406.
Hex triplet | f34306 | #f34306 |
---|---|---|
RGB Decimal | 243, 67, 6 | rgb(243,67,6) |
RGB Percent | 95.3, 26.3, 2.4 | rgb(95.3%,26.3%,2.4%) |
CMYK | 0, 72, 98, 5 | |
HSL | 15.4°, 95.2, 48.8 | hsl(15.4,95.2%,48.8%) |
HSV (or HSB) | 15.4°, 97.5, 95.3 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 55.162, 64.827, 65.287 |
---|---|
XYZ | 39.004, 23.087, 2.575 |
xyY | 0.603, 0.357, 23.087 |
CIE-LCH | 55.162, 92.005, 45.202 |
CIE-LUV | 55.162, 142.787, 43.262 |
Hunter-Lab | 48.049, 60.814, 30.457 |
Binary | 11110011, 01000011, 00000110 |
Color Schemes with #f34306
Alternatives to #f34306
Below, you can see some colors close to #f34306. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f34306 Preview
This text has a font color of #f34306.
<span style="color:#f34306;">Text here</span>
This paragraph has a background color of #f34306.
<p style="background-color:#f34306;">Content here</p>
This element has a border color of #f34306.
<div style="border:1px solid #f34306;">Content here</div>
.text {color:#f34306;}
.background {background-color:#f34306;}
.border {border:1px solid #f34306;}
Shades and Tints of #f34306
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, #0d0400 is the darkest color, while #fffbf9 is the lightest one.
-
#0d0400
#0d0400
rgb(13,4,0)
-
#200901
#200901
rgb(32,9,1)
-
#340e01
#340e01
rgb(52,14,1)
-
#471302
#471302
rgb(71,19,2)
-
#5a1902
#5a1902
rgb(90,25,2)
-
#6d1e03
#6d1e03
rgb(109,30,3)
-
#802303
#802303
rgb(128,35,3)
-
#932904
#932904
rgb(147,41,4)
-
#a62e04
#a62e04
rgb(166,46,4)
-
#ba3305
#ba3305
rgb(186,51,5)
-
#cd3805
#cd3805
rgb(205,56,5)
-
#e03e06
#e03e06
rgb(224,62,6)
-
#f34306
#f34306
rgb(243,67,6)
-
#f94f13
#f94f13
rgb(249,79,19)
-
#fa5d27
#fa5d27
rgb(250,93,39)
-
#fa6b3a
#fa6b3a
rgb(250,107,58)
-
#fb7a4d
#fb7a4d
rgb(251,122,77)
-
#fb8860
#fb8860
rgb(251,136,96)
-
#fc9673
#fc9673
rgb(252,150,115)
-
#fca586
#fca586
rgb(252,165,134)
-
#fcb399
#fcb399
rgb(252,179,153)
-
#fdc1ad
#fdc1ad
rgb(253,193,173)
-
#fdd0c0
#fdd0c0
rgb(253,208,192)
-
#feded3
#feded3
rgb(254,222,211)
-
#feece6
#feece6
rgb(254,236,230)
-
#fffbf9
#fffbf9
rgb(255,251,249)
Tones of #f34306
A tone is produced by adding gray to any pure hue. In this case, #807b79 is the less saturated color, while #f34306 is the most saturated one.
-
#807b79
#807b79
rgb(128,123,121)
-
#8a766f
#8a766f
rgb(138,118,111)
-
#937166
#937166
rgb(147,113,102)
-
#9d6d5c
#9d6d5c
rgb(157,109,92)
-
#a66853
#a66853
rgb(166,104,83)
-
#b06449
#b06449
rgb(176,100,73)
-
#ba5f3f
#ba5f3f
rgb(186,95,63)
-
#c35a36
#c35a36
rgb(195,90,54)
-
#cd562c
#cd562c
rgb(205,86,44)
-
#d65123
#d65123
rgb(214,81,35)
-
#e04c19
#e04c19
rgb(224,76,25)
-
#e94810
#e94810
rgb(233,72,16)
-
#f34306
#f34306
rgb(243,67,6)
Color Blindness Simulator
Below, you can see how #f34306 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.