#f7a561 Color Information
In a RGB color space, hex #f7a561 is composed of 96.9% red, 64.7% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 60.7% yellow and 3.1% black. It has a hue angle of 27.2 degrees, a saturation of 90.4% and a lightness of 67.5%. #f7a561 color hex could be obtained by blending #ffffc2 with #ef4b00. Closest websafe color is: #ff9966.
-
- R 97
- G 65
- B 38
-
- C 0
- M 33
- Y 61
- K 3
● #f7a561 color description : Soft orange.
#f7a561 Color Conversion
The hexadecimal color #f7a561 has RGB values of R:247, G:165, B:97 and CMYK values of C:0, M:0.33, Y:0.61, K:0.03. Its decimal value is 16229729.
Hex triplet | f7a561 | #f7a561 |
---|---|---|
RGB Decimal | 247, 165, 97 | rgb(247,165,97) |
RGB Percent | 96.9, 64.7, 38 | rgb(96.9%,64.7%,38%) |
CMYK | 0, 33, 61, 3 | |
HSL | 27.2°, 90.4, 67.5 | hsl(27.2,90.4%,67.5%) |
HSV (or HSB) | 27.2°, 60.7, 96.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 74.541, 23.781, 47.067 |
---|---|
XYZ | 53.972, 47.551, 17.644 |
xyY | 0.453, 0.399, 47.551 |
CIE-LCH | 74.541, 52.733, 63.194 |
CIE-LUV | 74.541, 63.357, 51.801 |
Hunter-Lab | 68.957, 19.034, 33.099 |
Binary | 11110111, 10100101, 01100001 |
Color Schemes with #f7a561
Alternatives to #f7a561
Below, you can see some colors close to #f7a561. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7a561 Preview
This text has a font color of #f7a561.
<span style="color:#f7a561;">Text here</span>
This paragraph has a background color of #f7a561.
<p style="background-color:#f7a561;">Content here</p>
This element has a border color of #f7a561.
<div style="border:1px solid #f7a561;">Content here</div>
.text {color:#f7a561;}
.background {background-color:#f7a561;}
.border {border:1px solid #f7a561;}
Shades and Tints of #f7a561
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, #0a0501 is the darkest color, while #fffaf6 is the lightest one.
-
#0a0501
#0a0501
rgb(10,5,1)
-
#1d0e01
#1d0e01
rgb(29,14,1)
-
#2f1702
#2f1702
rgb(47,23,2)
-
#422003
#422003
rgb(66,32,3)
-
#552904
#552904
rgb(85,41,4)
-
#673205
#673205
rgb(103,50,5)
-
#7a3b06
#7a3b06
rgb(122,59,6)
-
#8d4407
#8d4407
rgb(141,68,7)
-
#9f4d08
#9f4d08
rgb(159,77,8)
-
#b25609
#b25609
rgb(178,86,9)
-
#c55f0a
#c55f0a
rgb(197,95,10)
-
#d7680b
#d7680b
rgb(215,104,11)
-
#ea710c
#ea710c
rgb(234,113,12)
-
#f37a16
#f37a16
rgb(243,122,22)
-
#f48529
#f48529
rgb(244,133,41)
-
#f5903c
#f5903c
rgb(245,144,60)
-
#f69a4e
#f69a4e
rgb(246,154,78)
-
#f7a561
#f7a561
rgb(247,165,97)
-
#f8b074
#f8b074
rgb(248,176,116)
-
#f9ba86
#f9ba86
rgb(249,186,134)
-
#fac599
#fac599
rgb(250,197,153)
-
#fbd0ac
#fbd0ac
rgb(251,208,172)
-
#fcdabe
#fcdabe
rgb(252,218,190)
-
#fde5d1
#fde5d1
rgb(253,229,209)
-
#feefe4
#feefe4
rgb(254,239,228)
-
#fffaf6
#fffaf6
rgb(255,250,246)
Tones of #f7a561
A tone is produced by adding gray to any pure hue. In this case, #b1aca7 is the less saturated color, while #fda45b is the most saturated one.
-
#b1aca7
#b1aca7
rgb(177,172,167)
-
#b7aba1
#b7aba1
rgb(183,171,161)
-
#beaa9a
#beaa9a
rgb(190,170,154)
-
#c4aa94
#c4aa94
rgb(196,170,148)
-
#caa98e
#caa98e
rgb(202,169,142)
-
#d1a987
#d1a987
rgb(209,169,135)
-
#d7a881
#d7a881
rgb(215,168,129)
-
#dda77b
#dda77b
rgb(221,167,123)
-
#e4a774
#e4a774
rgb(228,167,116)
-
#eaa66e
#eaa66e
rgb(234,166,110)
-
#f1a667
#f1a667
rgb(241,166,103)
-
#f7a561
#f7a561
rgb(247,165,97)
-
#fda45b
#fda45b
rgb(253,164,91)
Color Blindness Simulator
Below, you can see how #f7a561 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.