#f7a84d Color Information
In a RGB color space, hex #f7a84d is composed of 96.9% red, 65.9% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 68.8% yellow and 3.1% black. It has a hue angle of 32.1 degrees, a saturation of 91.4% and a lightness of 63.5%. #f7a84d color hex could be obtained by blending #ffff9a with #ef5100. Closest websafe color is: #ff9966.
-
- R 97
- G 66
- B 30
-
- C 0
- M 32
- Y 69
- K 3
● #f7a84d color description : Soft orange.
#f7a84d Color Conversion
The hexadecimal color #f7a84d has RGB values of R:247, G:168, B:77 and CMYK values of C:0, M:0.32, Y:0.69, K:0.03. Its decimal value is 16230477.
Hex triplet | f7a84d | #f7a84d |
---|---|---|
RGB Decimal | 247, 168, 77 | rgb(247,168,77) |
RGB Percent | 96.9, 65.9, 30.2 | rgb(96.9%,65.9%,30.2%) |
CMYK | 0, 32, 69, 3 | |
HSL | 32.1°, 91.4, 63.5 | hsl(32.1,91.4%,63.5%) |
HSV (or HSB) | 32.1°, 68.8, 96.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 75.025, 20.999, 57.165 |
---|---|
XYZ | 53.701, 48.319, 13.519 |
xyY | 0.465, 0.418, 48.319 |
CIE-LCH | 75.025, 60.9, 69.83 |
CIE-LUV | 75.025, 62.835, 61.069 |
Hunter-Lab | 69.512, 16.254, 37.127 |
Binary | 11110111, 10101000, 01001101 |
Color Schemes with #f7a84d
Alternatives to #f7a84d
Below, you can see some colors close to #f7a84d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7a84d Preview
This text has a font color of #f7a84d.
<span style="color:#f7a84d;">Text here</span>
This paragraph has a background color of #f7a84d.
<p style="background-color:#f7a84d;">Content here</p>
This element has a border color of #f7a84d.
<div style="border:1px solid #f7a84d;">Content here</div>
.text {color:#f7a84d;}
.background {background-color:#f7a84d;}
.border {border:1px solid #f7a84d;}
Shades and Tints of #f7a84d
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, #0a0500 is the darkest color, while #fffbf6 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1c1001
#1c1001
rgb(28,16,1)
-
#2f1a02
#2f1a02
rgb(47,26,2)
-
#422503
#422503
rgb(66,37,3)
-
#552f04
#552f04
rgb(85,47,4)
-
#683a05
#683a05
rgb(104,58,5)
-
#7a4405
#7a4405
rgb(122,68,5)
-
#8d4e06
#8d4e06
rgb(141,78,6)
-
#a05907
#a05907
rgb(160,89,7)
-
#b36308
#b36308
rgb(179,99,8)
-
#c56e09
#c56e09
rgb(197,110,9)
-
#d8780a
#d8780a
rgb(216,120,10)
-
#eb830b
#eb830b
rgb(235,131,11)
-
#f48c15
#f48c15
rgb(244,140,21)
-
#f59627
#f59627
rgb(245,150,39)
-
#f69f3a
#f69f3a
rgb(246,159,58)
-
#f7a84d
#f7a84d
rgb(247,168,77)
-
#f8b160
#f8b160
rgb(248,177,96)
-
#f9ba73
#f9ba73
rgb(249,186,115)
-
#fac485
#fac485
rgb(250,196,133)
-
#facd98
#facd98
rgb(250,205,152)
-
#fbd6ab
#fbd6ab
rgb(251,214,171)
-
#fcdfbe
#fcdfbe
rgb(252,223,190)
-
#fde8d0
#fde8d0
rgb(253,232,208)
-
#fef1e3
#fef1e3
rgb(254,241,227)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #f7a84d
A tone is produced by adding gray to any pure hue. In this case, #a8a29c is the less saturated color, while #fea946 is the most saturated one.
-
#a8a29c
#a8a29c
rgb(168,162,156)
-
#afa395
#afa395
rgb(175,163,149)
-
#b7a38d
#b7a38d
rgb(183,163,141)
-
#bea486
#bea486
rgb(190,164,134)
-
#c5a47f
#c5a47f
rgb(197,164,127)
-
#cca578
#cca578
rgb(204,165,120)
-
#d3a571
#d3a571
rgb(211,165,113)
-
#daa66a
#daa66a
rgb(218,166,106)
-
#e2a662
#e2a662
rgb(226,166,98)
-
#e9a75b
#e9a75b
rgb(233,167,91)
-
#f0a754
#f0a754
rgb(240,167,84)
-
#f7a84d
#f7a84d
rgb(247,168,77)
-
#fea946
#fea946
rgb(254,169,70)
Color Blindness Simulator
Below, you can see how #f7a84d 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.