#f5a46f Color Information
In a RGB color space, hex #f5a46f is composed of 96.1% red, 64.3% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 54.7% yellow and 3.9% black. It has a hue angle of 23.7 degrees, a saturation of 87% and a lightness of 69.8%. #f5a46f color hex could be obtained by blending #ffffde with #eb4900. Closest websafe color is: #ff9966.
-
- R 96
- G 64
- B 44
-
- C 0
- M 33
- Y 55
- K 4
● #f5a46f color description : Soft orange.
#f5a46f Color Conversion
The hexadecimal color #f5a46f has RGB values of R:245, G:164, B:111 and CMYK values of C:0, M:0.33, Y:0.55, K:0.04. Its decimal value is 16098415.
Hex triplet | f5a46f | #f5a46f |
---|---|---|
RGB Decimal | 245, 164, 111 | rgb(245,164,111) |
RGB Percent | 96.1, 64.3, 43.5 | rgb(96.1%,64.3%,43.5%) |
CMYK | 0, 33, 55, 4 | |
HSL | 23.7°, 87, 69.8 | hsl(23.7,87%,69.8%) |
HSV (or HSB) | 23.7°, 54.7, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 74.263, 24.544, 39.527 |
---|---|
XYZ | 53.802, 47.114, 21.298 |
xyY | 0.44, 0.386, 47.114 |
CIE-LCH | 74.263, 46.528, 58.162 |
CIE-LUV | 74.263, 61.017, 44.414 |
Hunter-Lab | 68.64, 19.793, 29.651 |
Binary | 11110101, 10100100, 01101111 |
Color Schemes with #f5a46f
Alternatives to #f5a46f
Below, you can see some colors close to #f5a46f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a46f Preview
This text has a font color of #f5a46f.
<span style="color:#f5a46f;">Text here</span>
This paragraph has a background color of #f5a46f.
<p style="background-color:#f5a46f;">Content here</p>
This element has a border color of #f5a46f.
<div style="border:1px solid #f5a46f;">Content here</div>
.text {color:#f5a46f;}
.background {background-color:#f5a46f;}
.border {border:1px solid #f5a46f;}
Shades and Tints of #f5a46f
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, #030100 is the darkest color, while #fef5ef is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#150901
#150901
rgb(21,9,1)
-
#271103
#271103
rgb(39,17,3)
-
#3a1904
#3a1904
rgb(58,25,4)
-
#4c2105
#4c2105
rgb(76,33,5)
-
#5e2907
#5e2907
rgb(94,41,7)
-
#713108
#713108
rgb(113,49,8)
-
#833909
#833909
rgb(131,57,9)
-
#95410a
#95410a
rgb(149,65,10)
-
#a8490c
#a8490c
rgb(168,73,12)
-
#ba510d
#ba510d
rgb(186,81,13)
-
#cc590e
#cc590e
rgb(204,89,14)
-
#df610f
#df610f
rgb(223,97,15)
-
#ef6a13
#ef6a13
rgb(239,106,19)
-
#f07626
#f07626
rgb(240,118,38)
-
#f18138
#f18138
rgb(241,129,56)
-
#f28d4a
#f28d4a
rgb(242,141,74)
-
#f4985d
#f4985d
rgb(244,152,93)
-
#f5a46f
#f5a46f
rgb(245,164,111)
-
#f6b081
#f6b081
rgb(246,176,129)
-
#f8bb94
#f8bb94
rgb(248,187,148)
-
#f9c7a6
#f9c7a6
rgb(249,199,166)
-
#fad2b8
#fad2b8
rgb(250,210,184)
-
#fbdecb
#fbdecb
rgb(251,222,203)
-
#fdeadd
#fdeadd
rgb(253,234,221)
-
#fef5ef
#fef5ef
rgb(254,245,239)
Tones of #f5a46f
A tone is produced by adding gray to any pure hue. In this case, #b4b2b0 is the less saturated color, while #fba369 is the most saturated one.
-
#b4b2b0
#b4b2b0
rgb(180,178,176)
-
#bab0aa
#bab0aa
rgb(186,176,170)
-
#c0afa4
#c0afa4
rgb(192,175,164)
-
#c6ae9e
#c6ae9e
rgb(198,174,158)
-
#ccad98
#ccad98
rgb(204,173,152)
-
#d1ab93
#d1ab93
rgb(209,171,147)
-
#d7aa8d
#d7aa8d
rgb(215,170,141)
-
#dda987
#dda987
rgb(221,169,135)
-
#e3a881
#e3a881
rgb(227,168,129)
-
#e9a67b
#e9a67b
rgb(233,166,123)
-
#efa575
#efa575
rgb(239,165,117)
-
#f5a46f
#f5a46f
rgb(245,164,111)
-
#fba369
#fba369
rgb(251,163,105)
Color Blindness Simulator
Below, you can see how #f5a46f 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.