#f7aa4d Color Information
In a RGB color space, hex #f7aa4d is composed of 96.9% red, 66.7% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 68.8% yellow and 3.1% black. It has a hue angle of 32.8 degrees, a saturation of 91.4% and a lightness of 63.5%. #f7aa4d color hex could be obtained by blending #ffff9a with #ef5500. Closest websafe color is: #ff9966.
-
- R 97
- G 67
- B 30
-
- C 0
- M 31
- Y 69
- K 3
● #f7aa4d color description : Soft orange.
#f7aa4d Color Conversion
The hexadecimal color #f7aa4d has RGB values of R:247, G:170, B:77 and CMYK values of C:0, M:0.31, Y:0.69, K:0.03. Its decimal value is 16230989.
Hex triplet | f7aa4d | #f7aa4d |
---|---|---|
RGB Decimal | 247, 170, 77 | rgb(247,170,77) |
RGB Percent | 96.9, 66.7, 30.2 | rgb(96.9%,66.7%,30.2%) |
CMYK | 0, 31, 69, 3 | |
HSL | 32.8°, 91.4, 63.5 | hsl(32.8,91.4%,63.5%) |
HSV (or HSB) | 32.8°, 68.8, 96.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 75.49, 19.948, 57.662 |
---|---|
XYZ | 54.073, 49.063, 13.643 |
xyY | 0.463, 0.42, 49.063 |
CIE-LCH | 75.49, 61.015, 70.918 |
CIE-LUV | 75.49, 61.294, 61.891 |
Hunter-Lab | 70.045, 15.22, 37.483 |
Binary | 11110111, 10101010, 01001101 |
Color Schemes with #f7aa4d
Alternatives to #f7aa4d
Below, you can see some colors close to #f7aa4d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7aa4d Preview
This text has a font color of #f7aa4d.
<span style="color:#f7aa4d;">Text here</span>
This paragraph has a background color of #f7aa4d.
<p style="background-color:#f7aa4d;">Content here</p>
This element has a border color of #f7aa4d.
<div style="border:1px solid #f7aa4d;">Content here</div>
.text {color:#f7aa4d;}
.background {background-color:#f7aa4d;}
.border {border:1px solid #f7aa4d;}
Shades and Tints of #f7aa4d
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)
-
#1c1001
#1c1001
rgb(28,16,1)
-
#2f1b02
#2f1b02
rgb(47,27,2)
-
#422503
#422503
rgb(66,37,3)
-
#553004
#553004
rgb(85,48,4)
-
#683b05
#683b05
rgb(104,59,5)
-
#7a4505
#7a4505
rgb(122,69,5)
-
#8d5006
#8d5006
rgb(141,80,6)
-
#a05b07
#a05b07
rgb(160,91,7)
-
#b36508
#b36508
rgb(179,101,8)
-
#c57009
#c57009
rgb(197,112,9)
-
#d87b0a
#d87b0a
rgb(216,123,10)
-
#eb850b
#eb850b
rgb(235,133,11)
-
#f48f15
#f48f15
rgb(244,143,21)
-
#f59827
#f59827
rgb(245,152,39)
-
#f6a13a
#f6a13a
rgb(246,161,58)
-
#f7aa4d
#f7aa4d
rgb(247,170,77)
-
#f8b360
#f8b360
rgb(248,179,96)
-
#f9bc73
#f9bc73
rgb(249,188,115)
-
#fac585
#fac585
rgb(250,197,133)
-
#face98
#face98
rgb(250,206,152)
-
#fbd7ab
#fbd7ab
rgb(251,215,171)
-
#fce0be
#fce0be
rgb(252,224,190)
-
#fde9d0
#fde9d0
rgb(253,233,208)
-
#fef2e3
#fef2e3
rgb(254,242,227)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #f7aa4d
A tone is produced by adding gray to any pure hue. In this case, #a8a39c is the less saturated color, while #feab46 is the most saturated one.
-
#a8a39c
#a8a39c
rgb(168,163,156)
-
#afa395
#afa395
rgb(175,163,149)
-
#b7a48d
#b7a48d
rgb(183,164,141)
-
#bea586
#bea586
rgb(190,165,134)
-
#c5a57f
#c5a57f
rgb(197,165,127)
-
#cca678
#cca678
rgb(204,166,120)
-
#d3a771
#d3a771
rgb(211,167,113)
-
#daa76a
#daa76a
rgb(218,167,106)
-
#e2a862
#e2a862
rgb(226,168,98)
-
#e9a95b
#e9a95b
rgb(233,169,91)
-
#f0a954
#f0a954
rgb(240,169,84)
-
#f7aa4d
#f7aa4d
rgb(247,170,77)
-
#feab46
#feab46
rgb(254,171,70)
Color Blindness Simulator
Below, you can see how #f7aa4d 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.