#f77b14 Color Information
In a RGB color space, hex #f77b14 is composed of 96.9% red, 48.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.2% magenta, 91.9% yellow and 3.1% black. It has a hue angle of 27.2 degrees, a saturation of 93.4% and a lightness of 52.4%. #f77b14 color hex could be obtained by blending #fff628 with #ef0000. Closest websafe color is: #ff6600.
-
- R 97
- G 48
- B 8
-
- C 0
- M 50
- Y 92
- K 3
● #f77b14 color description : Vivid orange.
#f77b14 Color Conversion
The hexadecimal color #f77b14 has RGB values of R:247, G:123, B:20 and CMYK values of C:0, M:0.5, Y:0.92, K:0.03. Its decimal value is 16218900.
Hex triplet | f77b14 | #f77b14 |
---|---|---|
RGB Decimal | 247, 123, 20 | rgb(247,123,20) |
RGB Percent | 96.9, 48.2, 7.8 | rgb(96.9%,48.2%,7.8%) |
CMYK | 0, 50, 92, 3 | |
HSL | 27.2°, 93.4, 52.4 | hsl(27.2,93.4%,52.4%) |
HSV (or HSB) | 27.2°, 91.9, 96.9 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 64.959, 42.374, 68.815 |
---|---|
XYZ | 45.569, 33.995, 4.824 |
xyY | 0.54, 0.403, 33.995 |
CIE-LCH | 64.959, 80.815, 58.377 |
CIE-LUV | 64.959, 102.991, 57.811 |
Hunter-Lab | 58.305, 37.474, 35.908 |
Binary | 11110111, 01111011, 00010100 |
Color Schemes with #f77b14
Alternatives to #f77b14
Below, you can see some colors close to #f77b14. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f77b14 Preview
This text has a font color of #f77b14.
<span style="color:#f77b14;">Text here</span>
This paragraph has a background color of #f77b14.
<p style="background-color:#f77b14;">Content here</p>
This element has a border color of #f77b14.
<div style="border:1px solid #f77b14;">Content here</div>
.text {color:#f77b14;}
.background {background-color:#f77b14;}
.border {border:1px solid #f77b14;}
Shades and Tints of #f77b14
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, #0c0500 is the darkest color, while #fffbf8 is the lightest one.
-
#0c0500
#0c0500
rgb(12,5,0)
-
#1f0e01
#1f0e01
rgb(31,14,1)
-
#321702
#321702
rgb(50,23,2)
-
#452002
#452002
rgb(69,32,2)
-
#572903
#572903
rgb(87,41,3)
-
#6a3204
#6a3204
rgb(106,50,4)
-
#7d3b04
#7d3b04
rgb(125,59,4)
-
#904405
#904405
rgb(144,68,5)
-
#a34d06
#a34d06
rgb(163,77,6)
-
#b65606
#b65606
rgb(182,86,6)
-
#c95f07
#c95f07
rgb(201,95,7)
-
#dc6807
#dc6807
rgb(220,104,7)
-
#ef7108
#ef7108
rgb(239,113,8)
-
#f77b14
#f77b14
rgb(247,123,20)
-
#f88627
#f88627
rgb(248,134,39)
-
#f8903a
#f8903a
rgb(248,144,58)
-
#f99b4d
#f99b4d
rgb(249,155,77)
-
#faa660
#faa660
rgb(250,166,96)
-
#fab073
#fab073
rgb(250,176,115)
-
#fbbb86
#fbbb86
rgb(251,187,134)
-
#fcc699
#fcc699
rgb(252,198,153)
-
#fcd0ac
#fcd0ac
rgb(252,208,172)
-
#fddbbf
#fddbbf
rgb(253,219,191)
-
#fde6d2
#fde6d2
rgb(253,230,210)
-
#fef0e5
#fef0e5
rgb(254,240,229)
-
#fffbf8
#fffbf8
rgb(255,251,248)
Tones of #f77b14
A tone is produced by adding gray to any pure hue. In this case, #878584 is the less saturated color, while #f77b14 is the most saturated one.
-
#878584
#878584
rgb(135,133,132)
-
#90857b
#90857b
rgb(144,133,123)
-
#9a8471
#9a8471
rgb(154,132,113)
-
#a38368
#a38368
rgb(163,131,104)
-
#ac825f
#ac825f
rgb(172,130,95)
-
#b68155
#b68155
rgb(182,129,85)
-
#bf804c
#bf804c
rgb(191,128,76)
-
#c87f43
#c87f43
rgb(200,127,67)
-
#d27e39
#d27e39
rgb(210,126,57)
-
#db7e30
#db7e30
rgb(219,126,48)
-
#e47d27
#e47d27
rgb(228,125,39)
-
#ee7c1d
#ee7c1d
rgb(238,124,29)
-
#f77b14
#f77b14
rgb(247,123,20)
Color Blindness Simulator
Below, you can see how #f77b14 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.