#f7b84d Color Information
In a RGB color space, hex #f7b84d is composed of 96.9% red, 72.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 68.8% yellow and 3.1% black. It has a hue angle of 37.8 degrees, a saturation of 91.4% and a lightness of 63.5%. #f7b84d color hex could be obtained by blending #ffff9a with #ef7100. Closest websafe color is: #ffcc66.
-
- R 97
- G 72
- B 30
-
- C 0
- M 26
- Y 69
- K 3
● #f7b84d color description : Soft orange.
#f7b84d Color Conversion
The hexadecimal color #f7b84d has RGB values of R:247, G:184, B:77 and CMYK values of C:0, M:0.26, Y:0.69, K:0.03. Its decimal value is 16234573.
Hex triplet | f7b84d | #f7b84d |
---|---|---|
RGB Decimal | 247, 184, 77 | rgb(247,184,77) |
RGB Percent | 96.9, 72.2, 30.2 | rgb(96.9%,72.2%,30.2%) |
CMYK | 0, 26, 69, 3 | |
HSL | 37.8°, 91.4, 63.5 | hsl(37.8,91.4%,63.5%) |
HSV (or HSB) | 37.8°, 68.8, 96.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 78.807, 12.599, 61.175 |
---|---|
XYZ | 56.839, 54.594, 14.565 |
xyY | 0.451, 0.433, 54.594 |
CIE-LCH | 78.807, 62.459, 78.363 |
CIE-LUV | 78.807, 50.645, 67.677 |
Hunter-Lab | 73.888, 8.009, 40.034 |
Binary | 11110111, 10111000, 01001101 |
Color Schemes with #f7b84d
Alternatives to #f7b84d
Below, you can see some colors close to #f7b84d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7b84d Preview
This text has a font color of #f7b84d.
<span style="color:#f7b84d;">Text here</span>
This paragraph has a background color of #f7b84d.
<p style="background-color:#f7b84d;">Content here</p>
This element has a border color of #f7b84d.
<div style="border:1px solid #f7b84d;">Content here</div>
.text {color:#f7b84d;}
.background {background-color:#f7b84d;}
.border {border:1px solid #f7b84d;}
Shades and Tints of #f7b84d
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, #0a0600 is the darkest color, while #fffbf6 is the lightest one.
-
#0a0600
#0a0600
rgb(10,6,0)
-
#1c1201
#1c1201
rgb(28,18,1)
-
#2f1f02
#2f1f02
rgb(47,31,2)
-
#422b03
#422b03
rgb(66,43,3)
-
#553704
#553704
rgb(85,55,4)
-
#684305
#684305
rgb(104,67,5)
-
#7a4f05
#7a4f05
rgb(122,79,5)
-
#8d5b06
#8d5b06
rgb(141,91,6)
-
#a06707
#a06707
rgb(160,103,7)
-
#b37308
#b37308
rgb(179,115,8)
-
#c58009
#c58009
rgb(197,128,9)
-
#d88c0a
#d88c0a
rgb(216,140,10)
-
#eb980b
#eb980b
rgb(235,152,11)
-
#f4a215
#f4a215
rgb(244,162,21)
-
#f5a927
#f5a927
rgb(245,169,39)
-
#f6b13a
#f6b13a
rgb(246,177,58)
-
#f7b84d
#f7b84d
rgb(247,184,77)
-
#f8bf60
#f8bf60
rgb(248,191,96)
-
#f9c773
#f9c773
rgb(249,199,115)
-
#face85
#face85
rgb(250,206,133)
-
#fad698
#fad698
rgb(250,214,152)
-
#fbddab
#fbddab
rgb(251,221,171)
-
#fce5be
#fce5be
rgb(252,229,190)
-
#fdecd0
#fdecd0
rgb(253,236,208)
-
#fef4e3
#fef4e3
rgb(254,244,227)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #f7b84d
A tone is produced by adding gray to any pure hue. In this case, #a8a49c is the less saturated color, while #feba46 is the most saturated one.
-
#a8a49c
#a8a49c
rgb(168,164,156)
-
#afa595
#afa595
rgb(175,165,149)
-
#b7a78d
#b7a78d
rgb(183,167,141)
-
#bea986
#bea986
rgb(190,169,134)
-
#c5ab7f
#c5ab7f
rgb(197,171,127)
-
#ccad78
#ccad78
rgb(204,173,120)
-
#d3af71
#d3af71
rgb(211,175,113)
-
#dab16a
#dab16a
rgb(218,177,106)
-
#e2b262
#e2b262
rgb(226,178,98)
-
#e9b45b
#e9b45b
rgb(233,180,91)
-
#f0b654
#f0b654
rgb(240,182,84)
-
#f7b84d
#f7b84d
rgb(247,184,77)
-
#feba46
#feba46
rgb(254,186,70)
Color Blindness Simulator
Below, you can see how #f7b84d 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.