#f78400 Color Information
In a RGB color space, hex #f78400 is composed of 96.9% red, 51.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.6% magenta, 100% yellow and 3.1% black. It has a hue angle of 32.1 degrees, a saturation of 100% and a lightness of 48.4%. #f78400 color hex could be obtained by blending #ffff00 with #ef0900. Closest websafe color is: #ff9900.
-
- R 97
- G 52
- B 0
-
- C 0
- M 47
- Y 100
- K 3
● #f78400 color description : Pure (or mostly pure) orange.
#f78400 Color Conversion
The hexadecimal color #f78400 has RGB values of R:247, G:132, B:0 and CMYK values of C:0, M:0.47, Y:1, K:0.03. Its decimal value is 16221184.
Hex triplet | f78400 | #f78400 |
---|---|---|
RGB Decimal | 247, 132, 0 | rgb(247,132,0) |
RGB Percent | 96.9, 51.8, 0 | rgb(96.9%,51.8%,0%) |
CMYK | 0, 47, 100, 3 | |
HSL | 32.1°, 100, 48.4 | hsl(32.1,100%,48.4%) |
HSV (or HSB) | 32.1°, 100, 96.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 66.734, 37.681, 73.25 |
---|---|
XYZ | 46.611, 36.281, 4.548 |
xyY | 0.533, 0.415, 36.281 |
CIE-LCH | 66.734, 82.373, 62.778 |
CIE-LUV | 66.734, 95.951, 62.336 |
Hunter-Lab | 60.234, 32.72, 37.686 |
Binary | 11110111, 10000100, 00000000 |
Color Schemes with #f78400
Alternatives to #f78400
Below, you can see some colors close to #f78400. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f78400 Preview
This text has a font color of #f78400.
<span style="color:#f78400;">Text here</span>
This paragraph has a background color of #f78400.
<p style="background-color:#f78400;">Content here</p>
This element has a border color of #f78400.
<div style="border:1px solid #f78400;">Content here</div>
.text {color:#f78400;}
.background {background-color:#f78400;}
.border {border:1px solid #f78400;}
Shades and Tints of #f78400
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, #0c0600 is the darkest color, while #fffbf7 is the lightest one.
-
#0c0600
#0c0600
rgb(12,6,0)
-
#1f1100
#1f1100
rgb(31,17,0)
-
#331b00
#331b00
rgb(51,27,0)
-
#462600
#462600
rgb(70,38,0)
-
#5a3000
#5a3000
rgb(90,48,0)
-
#6e3b00
#6e3b00
rgb(110,59,0)
-
#814500
#814500
rgb(129,69,0)
-
#955000
#955000
rgb(149,80,0)
-
#a95a00
#a95a00
rgb(169,90,0)
-
#bc6500
#bc6500
rgb(188,101,0)
-
#d06f00
#d06f00
rgb(208,111,0)
-
#e37a00
#e37a00
rgb(227,122,0)
-
#f78400
#f78400
rgb(247,132,0)
-
#ff8e0c
#ff8e0c
rgb(255,142,12)
-
#ff971f
#ff971f
rgb(255,151,31)
-
#ffa033
#ffa033
rgb(255,160,51)
-
#ffa946
#ffa946
rgb(255,169,70)
-
#ffb25a
#ffb25a
rgb(255,178,90)
-
#ffbb6e
#ffbb6e
rgb(255,187,110)
-
#ffc481
#ffc481
rgb(255,196,129)
-
#ffce95
#ffce95
rgb(255,206,149)
-
#ffd7a9
#ffd7a9
rgb(255,215,169)
-
#ffe0bc
#ffe0bc
rgb(255,224,188)
-
#ffe9d0
#ffe9d0
rgb(255,233,208)
-
#fff2e3
#fff2e3
rgb(255,242,227)
-
#fffbf7
#fffbf7
rgb(255,251,247)
Tones of #f78400
A tone is produced by adding gray to any pure hue. In this case, #857c72 is the less saturated color, while #f78400 is the most saturated one.
-
#857c72
#857c72
rgb(133,124,114)
-
#8f7d69
#8f7d69
rgb(143,125,105)
-
#987d5f
#987d5f
rgb(152,125,95)
-
#a27e56
#a27e56
rgb(162,126,86)
-
#ab7f4c
#ab7f4c
rgb(171,127,76)
-
#b57f43
#b57f43
rgb(181,127,67)
-
#be8039
#be8039
rgb(190,128,57)
-
#c88130
#c88130
rgb(200,129,48)
-
#d18126
#d18126
rgb(209,129,38)
-
#db821d
#db821d
rgb(219,130,29)
-
#e48313
#e48313
rgb(228,131,19)
-
#ee830a
#ee830a
rgb(238,131,10)
-
#f78400
#f78400
rgb(247,132,0)
Color Blindness Simulator
Below, you can see how #f78400 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.