#f67c00 Color Information
In a RGB color space, hex #f67c00 is composed of 96.5% red, 48.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.6% magenta, 100% yellow and 3.5% black. It has a hue angle of 30.2 degrees, a saturation of 100% and a lightness of 48.2%. #f67c00 color hex could be obtained by blending #fff800 with #ed0000. Closest websafe color is: #ff6600.
-
- R 96
- G 49
- B 0
-
- C 0
- M 50
- Y 100
- K 4
● #f67c00 color description : Pure (or mostly pure) orange.
#f67c00 Color Conversion
The hexadecimal color #f67c00 has RGB values of R:246, G:124, B:0 and CMYK values of C:0, M:0.5, Y:1, K:0.04. Its decimal value is 16153600.
Hex triplet | f67c00 | #f67c00 |
---|---|---|
RGB Decimal | 246, 124, 0 | rgb(246,124,0) |
RGB Percent | 96.5, 48.6, 0 | rgb(96.5%,48.6%,0%) |
CMYK | 0, 50, 100, 4 | |
HSL | 30.2°, 100, 48.2 | hsl(30.2,100%,48.2%) |
HSV (or HSB) | 30.2°, 100, 96.5 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 64.972, 41.3, 72.117 |
---|---|
XYZ | 45.215, 34.012, 4.184 |
xyY | 0.542, 0.408, 34.012 |
CIE-LCH | 64.972, 83.106, 60.201 |
CIE-LUV | 64.972, 101.868, 59.663 |
Hunter-Lab | 58.32, 36.33, 36.571 |
Binary | 11110110, 01111100, 00000000 |
Color Schemes with #f67c00
Alternatives to #f67c00
Below, you can see some colors close to #f67c00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f67c00 Preview
This text has a font color of #f67c00.
<span style="color:#f67c00;">Text here</span>
This paragraph has a background color of #f67c00.
<p style="background-color:#f67c00;">Content here</p>
This element has a border color of #f67c00.
<div style="border:1px solid #f67c00;">Content here</div>
.text {color:#f67c00;}
.background {background-color:#f67c00;}
.border {border:1px solid #f67c00;}
Shades and Tints of #f67c00
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, #0b0500 is the darkest color, while #fffbf6 is the lightest one.
-
#0b0500
#0b0500
rgb(11,5,0)
-
#1e0f00
#1e0f00
rgb(30,15,0)
-
#321900
#321900
rgb(50,25,0)
-
#452300
#452300
rgb(69,35,0)
-
#592d00
#592d00
rgb(89,45,0)
-
#6d3700
#6d3700
rgb(109,55,0)
-
#804100
#804100
rgb(128,65,0)
-
#944b00
#944b00
rgb(148,75,0)
-
#a85400
#a85400
rgb(168,84,0)
-
#bb5e00
#bb5e00
rgb(187,94,0)
-
#cf6800
#cf6800
rgb(207,104,0)
-
#e27200
#e27200
rgb(226,114,0)
-
#f67c00
#f67c00
rgb(246,124,0)
-
#ff860b
#ff860b
rgb(255,134,11)
-
#ff901e
#ff901e
rgb(255,144,30)
-
#ff9932
#ff9932
rgb(255,153,50)
-
#ffa345
#ffa345
rgb(255,163,69)
-
#ffad59
#ffad59
rgb(255,173,89)
-
#ffb66d
#ffb66d
rgb(255,182,109)
-
#ffc080
#ffc080
rgb(255,192,128)
-
#ffca94
#ffca94
rgb(255,202,148)
-
#ffd4a8
#ffd4a8
rgb(255,212,168)
-
#ffddbb
#ffddbb
rgb(255,221,187)
-
#ffe7cf
#ffe7cf
rgb(255,231,207)
-
#fff1e2
#fff1e2
rgb(255,241,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #f67c00
A tone is produced by adding gray to any pure hue. In this case, #847b72 is the less saturated color, while #f67c00 is the most saturated one.
-
#847b72
#847b72
rgb(132,123,114)
-
#8e7b68
#8e7b68
rgb(142,123,104)
-
#977b5f
#977b5f
rgb(151,123,95)
-
#a17b55
#a17b55
rgb(161,123,85)
-
#aa7b4c
#aa7b4c
rgb(170,123,76)
-
#b47b42
#b47b42
rgb(180,123,66)
-
#bd7c39
#bd7c39
rgb(189,124,57)
-
#c77c2f
#c77c2f
rgb(199,124,47)
-
#d07c26
#d07c26
rgb(208,124,38)
-
#da7c1c
#da7c1c
rgb(218,124,28)
-
#e37c13
#e37c13
rgb(227,124,19)
-
#ed7c09
#ed7c09
rgb(237,124,9)
-
#f67c00
#f67c00
rgb(246,124,0)
Color Blindness Simulator
Below, you can see how #f67c00 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.