#f77b0c Color Information
In a RGB color space, hex #f77b0c is composed of 96.9% red, 48.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.2% magenta, 95.1% yellow and 3.1% black. It has a hue angle of 28.3 degrees, a saturation of 93.6% and a lightness of 50.8%. #f77b0c color hex could be obtained by blending #fff618 with #ef0000. Closest websafe color is: #ff6600.
-
- R 97
- G 48
- B 5
-
- C 0
- M 50
- Y 95
- K 3
● #f77b0c color description : Vivid orange.
#f77b0c Color Conversion
The hexadecimal color #f77b0c has RGB values of R:247, G:123, B:12 and CMYK values of C:0, M:0.5, Y:0.95, K:0.03. Its decimal value is 16218892.
Hex triplet | f77b0c | #f77b0c |
---|---|---|
RGB Decimal | 247, 123, 12 | rgb(247,123,12) |
RGB Percent | 96.9, 48.2, 4.7 | rgb(96.9%,48.2%,4.7%) |
CMYK | 0, 50, 95, 3 | |
HSL | 28.3°, 93.6, 50.8 | hsl(28.3,93.6%,50.8%) |
HSV (or HSB) | 28.3°, 95.1, 96.9 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 64.94, 42.284, 70.36 |
---|---|
XYZ | 45.509, 33.971, 4.508 |
xyY | 0.542, 0.404, 33.971 |
CIE-LCH | 64.94, 82.088, 58.995 |
CIE-LUV | 64.94, 103.254, 58.563 |
Hunter-Lab | 58.285, 37.375, 36.213 |
Binary | 11110111, 01111011, 00001100 |
Color Schemes with #f77b0c
Alternatives to #f77b0c
Below, you can see some colors close to #f77b0c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f77b0c Preview
This text has a font color of #f77b0c.
<span style="color:#f77b0c;">Text here</span>
This paragraph has a background color of #f77b0c.
<p style="background-color:#f77b0c;">Content here</p>
This element has a border color of #f77b0c.
<div style="border:1px solid #f77b0c;">Content here</div>
.text {color:#f77b0c;}
.background {background-color:#f77b0c;}
.border {border:1px solid #f77b0c;}
Shades and Tints of #f77b0c
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, #040200 is the darkest color, while #fff7f0 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#170b01
#170b01
rgb(23,11,1)
-
#2a1401
#2a1401
rgb(42,20,1)
-
#3d1e02
#3d1e02
rgb(61,30,2)
-
#502703
#502703
rgb(80,39,3)
-
#633003
#633003
rgb(99,48,3)
-
#763a04
#763a04
rgb(118,58,4)
-
#894305
#894305
rgb(137,67,5)
-
#9c4c05
#9c4c05
rgb(156,76,5)
-
#af5606
#af5606
rgb(175,86,6)
-
#c25f06
#c25f06
rgb(194,95,6)
-
#d56807
#d56807
rgb(213,104,7)
-
#e87108
#e87108
rgb(232,113,8)
-
#f77b0c
#f77b0c
rgb(247,123,12)
-
#f8851f
#f8851f
rgb(248,133,31)
-
#f89032
#f89032
rgb(248,144,50)
-
#f99a45
#f99a45
rgb(249,154,69)
-
#faa458
#faa458
rgb(250,164,88)
-
#faaf6b
#faaf6b
rgb(250,175,107)
-
#fbb97e
#fbb97e
rgb(251,185,126)
-
#fbc391
#fbc391
rgb(251,195,145)
-
#fccea4
#fccea4
rgb(252,206,164)
-
#fdd8b7
#fdd8b7
rgb(253,216,183)
-
#fde2ca
#fde2ca
rgb(253,226,202)
-
#feecdd
#feecdd
rgb(254,236,221)
-
#fff7f0
#fff7f0
rgb(255,247,240)
Tones of #f77b0c
A tone is produced by adding gray to any pure hue. In this case, #838180 is the less saturated color, while #f77b0c is the most saturated one.
-
#838180
#838180
rgb(131,129,128)
-
#8d8176
#8d8176
rgb(141,129,118)
-
#96806d
#96806d
rgb(150,128,109)
-
#a08063
#a08063
rgb(160,128,99)
-
#aa7f59
#aa7f59
rgb(170,127,89)
-
#b37f50
#b37f50
rgb(179,127,80)
-
#bd7e46
#bd7e46
rgb(189,126,70)
-
#c77e3c
#c77e3c
rgb(199,126,60)
-
#d07d33
#d07d33
rgb(208,125,51)
-
#da7d29
#da7d29
rgb(218,125,41)
-
#e47c1f
#e47c1f
rgb(228,124,31)
-
#ed7c16
#ed7c16
rgb(237,124,22)
-
#f77b0c
#f77b0c
rgb(247,123,12)
Color Blindness Simulator
Below, you can see how #f77b0c 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.