#f7a357 Color Information
In a RGB color space, hex #f7a357 is composed of 96.9% red, 63.9% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34% magenta, 64.8% yellow and 3.1% black. It has a hue angle of 28.5 degrees, a saturation of 90.9% and a lightness of 65.5%. #f7a357 color hex could be obtained by blending #ffffae with #ef4700. Closest websafe color is: #ff9966.
-
- R 97
- G 64
- B 34
-
- C 0
- M 34
- Y 65
- K 3
● #f7a357 color description : Soft orange.
#f7a357 Color Conversion
The hexadecimal color #f7a357 has RGB values of R:247, G:163, B:87 and CMYK values of C:0, M:0.34, Y:0.65, K:0.03. Its decimal value is 16229207.
Hex triplet | f7a357 | #f7a357 |
---|---|---|
RGB Decimal | 247, 163, 87 | rgb(247,163,87) |
RGB Percent | 96.9, 63.9, 34.1 | rgb(96.9%,63.9%,34.1%) |
CMYK | 0, 34, 65, 3 | |
HSL | 28.5°, 90.9, 65.5 | hsl(28.5,90.9%,65.5%) |
HSV (or HSB) | 28.5°, 64.8, 96.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 73.972, 24.19, 51.323 |
---|---|
XYZ | 53.176, 46.66, 15.222 |
xyY | 0.462, 0.406, 46.66 |
CIE-LCH | 73.972, 56.738, 64.764 |
CIE-LUV | 73.972, 65.833, 55.213 |
Hunter-Lab | 68.308, 19.419, 34.603 |
Binary | 11110111, 10100011, 01010111 |
Color Schemes with #f7a357
Alternatives to #f7a357
Below, you can see some colors close to #f7a357. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7a357 Preview
This text has a font color of #f7a357.
<span style="color:#f7a357;">Text here</span>
This paragraph has a background color of #f7a357.
<p style="background-color:#f7a357;">Content here</p>
This element has a border color of #f7a357.
<div style="border:1px solid #f7a357;">Content here</div>
.text {color:#f7a357;}
.background {background-color:#f7a357;}
.border {border:1px solid #f7a357;}
Shades and Tints of #f7a357
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, #010000 is the darkest color, while #fef5ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130a01
#130a01
rgb(19,10,1)
-
#261302
#261302
rgb(38,19,2)
-
#391c03
#391c03
rgb(57,28,3)
-
#4b2604
#4b2604
rgb(75,38,4)
-
#5e2f04
#5e2f04
rgb(94,47,4)
-
#713805
#713805
rgb(113,56,5)
-
#844206
#844206
rgb(132,66,6)
-
#964b07
#964b07
rgb(150,75,7)
-
#a95508
#a95508
rgb(169,85,8)
-
#bc5e09
#bc5e09
rgb(188,94,9)
-
#ce670a
#ce670a
rgb(206,103,10)
-
#e1710b
#e1710b
rgb(225,113,11)
-
#f37a0c
#f37a0c
rgb(243,122,12)
-
#f4841f
#f4841f
rgb(244,132,31)
-
#f58e32
#f58e32
rgb(245,142,50)
-
#f69944
#f69944
rgb(246,153,68)
-
#f7a357
#f7a357
rgb(247,163,87)
-
#f8ad6a
#f8ad6a
rgb(248,173,106)
-
#f9b87c
#f9b87c
rgb(249,184,124)
-
#fac28f
#fac28f
rgb(250,194,143)
-
#fbcca2
#fbcca2
rgb(251,204,162)
-
#fbd6b5
#fbd6b5
rgb(251,214,181)
-
#fce1c7
#fce1c7
rgb(252,225,199)
-
#fdebda
#fdebda
rgb(253,235,218)
-
#fef5ed
#fef5ed
rgb(254,245,237)
Tones of #f7a357
A tone is produced by adding gray to any pure hue. In this case, #ada7a1 is the less saturated color, while #fea350 is the most saturated one.
-
#ada7a1
#ada7a1
rgb(173,167,161)
-
#b3a69b
#b3a69b
rgb(179,166,155)
-
#baa694
#baa694
rgb(186,166,148)
-
#c1a68d
#c1a68d
rgb(193,166,141)
-
#c8a586
#c8a586
rgb(200,165,134)
-
#cea580
#cea580
rgb(206,165,128)
-
#d5a579
#d5a579
rgb(213,165,121)
-
#dca472
#dca472
rgb(220,164,114)
-
#e3a46b
#e3a46b
rgb(227,164,107)
-
#e9a465
#e9a465
rgb(233,164,101)
-
#f0a35e
#f0a35e
rgb(240,163,94)
-
#f7a357
#f7a357
rgb(247,163,87)
-
#fea350
#fea350
rgb(254,163,80)
Color Blindness Simulator
Below, you can see how #f7a357 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.