#f67f1f Color Information
In a RGB color space, hex #f67f1f is composed of 96.5% red, 49.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.4% magenta, 87.4% yellow and 3.5% black. It has a hue angle of 26.8 degrees, a saturation of 92.3% and a lightness of 54.3%. #f67f1f color hex could be obtained by blending #fffe3e with #ed0000. Closest websafe color is: #ff6633.
-
- R 96
- G 50
- B 12
-
- C 0
- M 48
- Y 87
- K 4
● #f67f1f color description : Vivid orange.
#f67f1f Color Conversion
The hexadecimal color #f67f1f has RGB values of R:246, G:127, B:31 and CMYK values of C:0, M:0.48, Y:0.87, K:0.04. Its decimal value is 16154399.
Hex triplet | f67f1f | #f67f1f |
---|---|---|
RGB Decimal | 246, 127, 31 | rgb(246,127,31) |
RGB Percent | 96.5, 49.8, 12.2 | rgb(96.5%,49.8%,12.2%) |
CMYK | 0, 48, 87, 4 | |
HSL | 26.8°, 92.3, 54.3 | hsl(26.8,92.3%,54.3%) |
HSV (or HSB) | 26.8°, 87.4, 96.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 65.651, 40.176, 66.34 |
---|---|
XYZ | 45.844, 34.875, 5.614 |
xyY | 0.531, 0.404, 34.875 |
CIE-LCH | 65.651, 77.558, 58.801 |
CIE-LUV | 65.651, 98.315, 57.574 |
Hunter-Lab | 59.055, 35.224, 35.702 |
Binary | 11110110, 01111111, 00011111 |
Color Schemes with #f67f1f
Alternatives to #f67f1f
Below, you can see some colors close to #f67f1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f67f1f Preview
This text has a font color of #f67f1f.
<span style="color:#f67f1f;">Text here</span>
This paragraph has a background color of #f67f1f.
<p style="background-color:#f67f1f;">Content here</p>
This element has a border color of #f67f1f.
<div style="border:1px solid #f67f1f;">Content here</div>
.text {color:#f67f1f;}
.background {background-color:#f67f1f;}
.border {border:1px solid #f67f1f;}
Shades and Tints of #f67f1f
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, #020100 is the darkest color, while #fef6ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150a01
#150a01
rgb(21,10,1)
-
#281302
#281302
rgb(40,19,2)
-
#3b1c02
#3b1c02
rgb(59,28,2)
-
#4e2403
#4e2403
rgb(78,36,3)
-
#612d04
#612d04
rgb(97,45,4)
-
#733605
#733605
rgb(115,54,5)
-
#863f05
#863f05
rgb(134,63,5)
-
#994806
#994806
rgb(153,72,6)
-
#ac5107
#ac5107
rgb(172,81,7)
-
#bf5908
#bf5908
rgb(191,89,8)
-
#d26208
#d26208
rgb(210,98,8)
-
#e56b09
#e56b09
rgb(229,107,9)
-
#f5740c
#f5740c
rgb(245,116,12)
-
#f67f1f
#f67f1f
rgb(246,127,31)
-
#f78a32
#f78a32
rgb(247,138,50)
-
#f89545
#f89545
rgb(248,149,69)
-
#f89f58
#f89f58
rgb(248,159,88)
-
#f9aa6a
#f9aa6a
rgb(249,170,106)
-
#fab57d
#fab57d
rgb(250,181,125)
-
#fbc090
#fbc090
rgb(251,192,144)
-
#fbcaa3
#fbcaa3
rgb(251,202,163)
-
#fcd5b6
#fcd5b6
rgb(252,213,182)
-
#fde0c9
#fde0c9
rgb(253,224,201)
-
#feebdc
#feebdc
rgb(254,235,220)
-
#fef6ee
#fef6ee
rgb(254,246,238)
Tones of #f67f1f
A tone is produced by adding gray to any pure hue. In this case, #938a82 is the less saturated color, while #ff7e16 is the most saturated one.
-
#938a82
#938a82
rgb(147,138,130)
-
#9c8979
#9c8979
rgb(156,137,121)
-
#a58870
#a58870
rgb(165,136,112)
-
#ae8767
#ae8767
rgb(174,135,103)
-
#b7865e
#b7865e
rgb(183,134,94)
-
#c08555
#c08555
rgb(192,133,85)
-
#c9844c
#c9844c
rgb(201,132,76)
-
#d28343
#d28343
rgb(210,131,67)
-
#db823a
#db823a
rgb(219,130,58)
-
#e48131
#e48131
rgb(228,129,49)
-
#ed8028
#ed8028
rgb(237,128,40)
-
#f67f1f
#f67f1f
rgb(246,127,31)
-
#ff7e16
#ff7e16
rgb(255,126,22)
Color Blindness Simulator
Below, you can see how #f67f1f 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.