#f5a74f Color Information
In a RGB color space, hex #f5a74f is composed of 96.1% red, 65.5% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 67.8% yellow and 3.9% black. It has a hue angle of 31.8 degrees, a saturation of 89.2% and a lightness of 63.5%. #f5a74f color hex could be obtained by blending #ffff9e with #eb4f00. Closest websafe color is: #ff9966.
-
- R 96
- G 65
- B 31
-
- C 0
- M 32
- Y 68
- K 4
● #f5a74f color description : Soft orange.
#f5a74f Color Conversion
The hexadecimal color #f5a74f has RGB values of R:245, G:167, B:79 and CMYK values of C:0, M:0.32, Y:0.68, K:0.04. Its decimal value is 16099151.
Hex triplet | f5a74f | #f5a74f |
---|---|---|
RGB Decimal | 245, 167, 79 | rgb(245,167,79) |
RGB Percent | 96.1, 65.5, 31 | rgb(96.1%,65.5%,31%) |
CMYK | 0, 32, 68, 4 | |
HSL | 31.8°, 89.2, 63.5 | hsl(31.8,89.2%,63.5%) |
HSV (or HSB) | 31.8°, 67.8, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 74.583, 20.807, 55.71 |
---|---|
XYZ | 52.887, 47.618, 13.802 |
xyY | 0.463, 0.417, 47.618 |
CIE-LCH | 74.583, 59.468, 69.52 |
CIE-LUV | 74.583, 61.856, 59.815 |
Hunter-Lab | 69.006, 16.046, 36.445 |
Binary | 11110101, 10100111, 01001111 |
Color Schemes with #f5a74f
Alternatives to #f5a74f
Below, you can see some colors close to #f5a74f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a74f Preview
This text has a font color of #f5a74f.
<span style="color:#f5a74f;">Text here</span>
This paragraph has a background color of #f5a74f.
<p style="background-color:#f5a74f;">Content here</p>
This element has a border color of #f5a74f.
<div style="border:1px solid #f5a74f;">Content here</div>
.text {color:#f5a74f;}
.background {background-color:#f5a74f;}
.border {border:1px solid #f5a74f;}
Shades and Tints of #f5a74f
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 #fefbf6 is the lightest one.
-
#0a0501
#0a0501
rgb(10,5,1)
-
#1c1002
#1c1002
rgb(28,16,2)
-
#2f1a03
#2f1a03
rgb(47,26,3)
-
#412404
#412404
rgb(65,36,4)
-
#542f05
#542f05
rgb(84,47,5)
-
#663906
#663906
rgb(102,57,6)
-
#794307
#794307
rgb(121,67,7)
-
#8c4e08
#8c4e08
rgb(140,78,8)
-
#9e5809
#9e5809
rgb(158,88,9)
-
#b1620a
#b1620a
rgb(177,98,10)
-
#c36d0b
#c36d0b
rgb(195,109,11)
-
#d6770c
#d6770c
rgb(214,119,12)
-
#e8810d
#e8810d
rgb(232,129,13)
-
#f28b17
#f28b17
rgb(242,139,23)
-
#f3942a
#f3942a
rgb(243,148,42)
-
#f49e3c
#f49e3c
rgb(244,158,60)
-
#f5a74f
#f5a74f
rgb(245,167,79)
-
#f6b062
#f6b062
rgb(246,176,98)
-
#f7ba74
#f7ba74
rgb(247,186,116)
-
#f8c387
#f8c387
rgb(248,195,135)
-
#f9cc99
#f9cc99
rgb(249,204,153)
-
#fad5ac
#fad5ac
rgb(250,213,172)
-
#fbdfbe
#fbdfbe
rgb(251,223,190)
-
#fce8d1
#fce8d1
rgb(252,232,209)
-
#fdf1e3
#fdf1e3
rgb(253,241,227)
-
#fefbf6
#fefbf6
rgb(254,251,246)
Tones of #f5a74f
A tone is produced by adding gray to any pure hue. In this case, #a6a29e is the less saturated color, while #fca748 is the most saturated one.
-
#a6a29e
#a6a29e
rgb(166,162,158)
-
#ada397
#ada397
rgb(173,163,151)
-
#b5a38f
#b5a38f
rgb(181,163,143)
-
#bca488
#bca488
rgb(188,164,136)
-
#c3a481
#c3a481
rgb(195,164,129)
-
#caa47a
#caa47a
rgb(202,164,122)
-
#d1a573
#d1a573
rgb(209,165,115)
-
#d8a56c
#d8a56c
rgb(216,165,108)
-
#e0a664
#e0a664
rgb(224,166,100)
-
#e7a65d
#e7a65d
rgb(231,166,93)
-
#eea756
#eea756
rgb(238,167,86)
-
#f5a74f
#f5a74f
rgb(245,167,79)
-
#fca748
#fca748
rgb(252,167,72)
Color Blindness Simulator
Below, you can see how #f5a74f 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.