#f67312 Color Information
In a RGB color space, hex #f67312 is composed of 96.5% red, 45.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.3% magenta, 92.7% yellow and 3.5% black. It has a hue angle of 25.5 degrees, a saturation of 92.7% and a lightness of 51.8%. #f67312 color hex could be obtained by blending #ffe624 with #ed0000. Closest websafe color is: #ff6600.
-
- R 96
- G 45
- B 7
-
- C 0
- M 53
- Y 93
- K 4
● #f67312 color description : Vivid orange.
#f67312 Color Conversion
The hexadecimal color #f67312 has RGB values of R:246, G:115, B:18 and CMYK values of C:0, M:0.53, Y:0.93, K:0.04. Its decimal value is 16151314.
Hex triplet | f67312 | #f67312 |
---|---|---|
RGB Decimal | 246, 115, 18 | rgb(246,115,18) |
RGB Percent | 96.5, 45.1, 7.1 | rgb(96.5%,45.1%,7.1%) |
CMYK | 0, 53, 93, 4 | |
HSL | 25.5°, 92.7, 51.8 | hsl(25.5,92.7%,51.8%) |
HSV (or HSB) | 25.5°, 92.7, 96.5 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 63.262, 45.867, 68.027 |
---|---|
XYZ | 44.248, 31.902, 4.4 |
xyY | 0.549, 0.396, 31.902 |
CIE-LCH | 63.262, 82.045, 56.01 |
CIE-LUV | 63.262, 108.868, 55.393 |
Hunter-Lab | 56.482, 40.992, 34.919 |
Binary | 11110110, 01110011, 00010010 |
Color Schemes with #f67312
Alternatives to #f67312
Below, you can see some colors close to #f67312. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f67312 Preview
This text has a font color of #f67312.
<span style="color:#f67312;">Text here</span>
This paragraph has a background color of #f67312.
<p style="background-color:#f67312;">Content here</p>
This element has a border color of #f67312.
<div style="border:1px solid #f67312;">Content here</div>
.text {color:#f67312;}
.background {background-color:#f67312;}
.border {border:1px solid #f67312;}
Shades and Tints of #f67312
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, #090400 is the darkest color, while #fff9f5 is the lightest one.
-
#090400
#090400
rgb(9,4,0)
-
#1c0c01
#1c0c01
rgb(28,12,1)
-
#2e1502
#2e1502
rgb(46,21,2)
-
#411d02
#411d02
rgb(65,29,2)
-
#542603
#542603
rgb(84,38,3)
-
#672e04
#672e04
rgb(103,46,4)
-
#7a3705
#7a3705
rgb(122,55,5)
-
#8d3f05
#8d3f05
rgb(141,63,5)
-
#a04706
#a04706
rgb(160,71,6)
-
#b35007
#b35007
rgb(179,80,7)
-
#c65808
#c65808
rgb(198,88,8)
-
#d96108
#d96108
rgb(217,97,8)
-
#eb6909
#eb6909
rgb(235,105,9)
-
#f67312
#f67312
rgb(246,115,18)
-
#f77e25
#f77e25
rgb(247,126,37)
-
#f78938
#f78938
rgb(247,137,56)
-
#f8944b
#f8944b
rgb(248,148,75)
-
#f9a05e
#f9a05e
rgb(249,160,94)
-
#faab70
#faab70
rgb(250,171,112)
-
#fab683
#fab683
rgb(250,182,131)
-
#fbc196
#fbc196
rgb(251,193,150)
-
#fccca9
#fccca9
rgb(252,204,169)
-
#fcd7bc
#fcd7bc
rgb(252,215,188)
-
#fde3cf
#fde3cf
rgb(253,227,207)
-
#feeee2
#feeee2
rgb(254,238,226)
-
#fff9f5
#fff9f5
rgb(255,249,245)
Tones of #f67312
A tone is produced by adding gray to any pure hue. In this case, #848484 is the less saturated color, while #f67312 is the most saturated one.
-
#848484
#848484
rgb(132,132,132)
-
#8e837a
#8e837a
rgb(142,131,122)
-
#978171
#978171
rgb(151,129,113)
-
#a18067
#a18067
rgb(161,128,103)
-
#aa7e5e
#aa7e5e
rgb(170,126,94)
-
#b47d54
#b47d54
rgb(180,125,84)
-
#bd7b4b
#bd7b4b
rgb(189,123,75)
-
#c77a41
#c77a41
rgb(199,122,65)
-
#d07938
#d07938
rgb(208,121,56)
-
#da772e
#da772e
rgb(218,119,46)
-
#e37625
#e37625
rgb(227,118,37)
-
#ed741b
#ed741b
rgb(237,116,27)
-
#f67312
#f67312
rgb(246,115,18)
Color Blindness Simulator
Below, you can see how #f67312 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.