#f78b00 Color Information
In a RGB color space, hex #f78b00 is composed of 96.9% red, 54.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.7% magenta, 100% yellow and 3.1% black. It has a hue angle of 33.8 degrees, a saturation of 100% and a lightness of 48.4%. #f78b00 color hex could be obtained by blending #ffff00 with #ef1700. Closest websafe color is: #ff9900.
-
- R 97
- G 55
- B 0
-
- C 0
- M 44
- Y 100
- K 3
● #f78b00 color description : Pure (or mostly pure) orange.
#f78b00 Color Conversion
The hexadecimal color #f78b00 has RGB values of R:247, G:139, B:0 and CMYK values of C:0, M:0.44, Y:1, K:0.03. Its decimal value is 16222976.
Hex triplet | f78b00 | #f78b00 |
---|---|---|
RGB Decimal | 247, 139, 0 | rgb(247,139,0) |
RGB Percent | 96.9, 54.5, 0 | rgb(96.9%,54.5%,0%) |
CMYK | 0, 44, 100, 3 | |
HSL | 33.8°, 100, 48.4 | hsl(33.8,100%,48.4%) |
HSV (or HSB) | 33.8°, 100, 96.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 68.2, 34.111, 74.152 |
---|---|
XYZ | 47.592, 38.244, 4.875 |
xyY | 0.525, 0.422, 38.244 |
CIE-LCH | 68.2, 81.621, 65.297 |
CIE-LUV | 68.2, 90.027, 64.682 |
Hunter-Lab | 61.841, 29.148, 38.615 |
Binary | 11110111, 10001011, 00000000 |
Color Schemes with #f78b00
Alternatives to #f78b00
Below, you can see some colors close to #f78b00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f78b00 Preview
This text has a font color of #f78b00.
<span style="color:#f78b00;">Text here</span>
This paragraph has a background color of #f78b00.
<p style="background-color:#f78b00;">Content here</p>
This element has a border color of #f78b00.
<div style="border:1px solid #f78b00;">Content here</div>
.text {color:#f78b00;}
.background {background-color:#f78b00;}
.border {border:1px solid #f78b00;}
Shades and Tints of #f78b00
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, #0c0700 is the darkest color, while #fffcf7 is the lightest one.
-
#0c0700
#0c0700
rgb(12,7,0)
-
#1f1200
#1f1200
rgb(31,18,0)
-
#331d00
#331d00
rgb(51,29,0)
-
#462800
#462800
rgb(70,40,0)
-
#5a3300
#5a3300
rgb(90,51,0)
-
#6e3e00
#6e3e00
rgb(110,62,0)
-
#814900
#814900
rgb(129,73,0)
-
#955400
#955400
rgb(149,84,0)
-
#a95f00
#a95f00
rgb(169,95,0)
-
#bc6a00
#bc6a00
rgb(188,106,0)
-
#d07500
#d07500
rgb(208,117,0)
-
#e38000
#e38000
rgb(227,128,0)
-
#f78b00
#f78b00
rgb(247,139,0)
-
#ff950c
#ff950c
rgb(255,149,12)
-
#ff9d1f
#ff9d1f
rgb(255,157,31)
-
#ffa633
#ffa633
rgb(255,166,51)
-
#ffae46
#ffae46
rgb(255,174,70)
-
#ffb75a
#ffb75a
rgb(255,183,90)
-
#ffbf6e
#ffbf6e
rgb(255,191,110)
-
#ffc881
#ffc881
rgb(255,200,129)
-
#ffd195
#ffd195
rgb(255,209,149)
-
#ffd9a9
#ffd9a9
rgb(255,217,169)
-
#ffe2bc
#ffe2bc
rgb(255,226,188)
-
#ffead0
#ffead0
rgb(255,234,208)
-
#fff3e3
#fff3e3
rgb(255,243,227)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #f78b00
A tone is produced by adding gray to any pure hue. In this case, #857d72 is the less saturated color, while #f78b00 is the most saturated one.
-
#857d72
#857d72
rgb(133,125,114)
-
#8f7e69
#8f7e69
rgb(143,126,105)
-
#987f5f
#987f5f
rgb(152,127,95)
-
#a28056
#a28056
rgb(162,128,86)
-
#ab814c
#ab814c
rgb(171,129,76)
-
#b58343
#b58343
rgb(181,131,67)
-
#be8439
#be8439
rgb(190,132,57)
-
#c88530
#c88530
rgb(200,133,48)
-
#d18626
#d18626
rgb(209,134,38)
-
#db871d
#db871d
rgb(219,135,29)
-
#e48913
#e48913
rgb(228,137,19)
-
#ee8a0a
#ee8a0a
rgb(238,138,10)
-
#f78b00
#f78b00
rgb(247,139,0)
Color Blindness Simulator
Below, you can see how #f78b00 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.