#f5a36f Color Information
In a RGB color space, hex #f5a36f is composed of 96.1% red, 63.9% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 54.7% yellow and 3.9% black. It has a hue angle of 23.3 degrees, a saturation of 87% and a lightness of 69.8%. #f5a36f color hex could be obtained by blending #ffffde with #eb4700. Closest websafe color is: #ff9966.
-
- R 96
- G 64
- B 44
-
- C 0
- M 33
- Y 55
- K 4
● #f5a36f color description : Soft orange.
#f5a36f Color Conversion
The hexadecimal color #f5a36f has RGB values of R:245, G:163, B:111 and CMYK values of C:0, M:0.33, Y:0.55, K:0.04. Its decimal value is 16098159.
Hex triplet | f5a36f | #f5a36f |
---|---|---|
RGB Decimal | 245, 163, 111 | rgb(245,163,111) |
RGB Percent | 96.1, 63.9, 43.5 | rgb(96.1%,63.9%,43.5%) |
CMYK | 0, 33, 55, 4 | |
HSL | 23.3°, 87, 69.8 | hsl(23.3,87%,69.8%) |
HSV (or HSB) | 23.3°, 54.7, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 74.035, 25.071, 39.242 |
---|---|
XYZ | 53.623, 46.758, 21.239 |
xyY | 0.441, 0.384, 46.758 |
CIE-LCH | 74.035, 46.567, 57.426 |
CIE-LUV | 74.035, 61.742, 43.954 |
Hunter-Lab | 68.38, 20.315, 29.45 |
Binary | 11110101, 10100011, 01101111 |
Color Schemes with #f5a36f
Alternatives to #f5a36f
Below, you can see some colors close to #f5a36f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a36f Preview
This text has a font color of #f5a36f.
<span style="color:#f5a36f;">Text here</span>
This paragraph has a background color of #f5a36f.
<p style="background-color:#f5a36f;">Content here</p>
This element has a border color of #f5a36f.
<div style="border:1px solid #f5a36f;">Content here</div>
.text {color:#f5a36f;}
.background {background-color:#f5a36f;}
.border {border:1px solid #f5a36f;}
Shades and Tints of #f5a36f
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)
-
#833809
#833809
rgb(131,56,9)
-
#95400a
#95400a
rgb(149,64,10)
-
#a8480c
#a8480c
rgb(168,72,12)
-
#ba500d
#ba500d
rgb(186,80,13)
-
#cc580e
#cc580e
rgb(204,88,14)
-
#df600f
#df600f
rgb(223,96,15)
-
#ef6813
#ef6813
rgb(239,104,19)
-
#f07426
#f07426
rgb(240,116,38)
-
#f18038
#f18038
rgb(241,128,56)
-
#f28c4a
#f28c4a
rgb(242,140,74)
-
#f4975d
#f4975d
rgb(244,151,93)
-
#f5a36f
#f5a36f
rgb(245,163,111)
-
#f6af81
#f6af81
rgb(246,175,129)
-
#f8ba94
#f8ba94
rgb(248,186,148)
-
#f9c6a6
#f9c6a6
rgb(249,198,166)
-
#fad2b8
#fad2b8
rgb(250,210,184)
-
#fbdecb
#fbdecb
rgb(251,222,203)
-
#fde9dd
#fde9dd
rgb(253,233,221)
-
#fef5ef
#fef5ef
rgb(254,245,239)
Tones of #f5a36f
A tone is produced by adding gray to any pure hue. In this case, #b4b2b0 is the less saturated color, while #fba269 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)
-
#ccac98
#ccac98
rgb(204,172,152)
-
#d1ab93
#d1ab93
rgb(209,171,147)
-
#d7aa8d
#d7aa8d
rgb(215,170,141)
-
#dda887
#dda887
rgb(221,168,135)
-
#e3a781
#e3a781
rgb(227,167,129)
-
#e9a67b
#e9a67b
rgb(233,166,123)
-
#efa475
#efa475
rgb(239,164,117)
-
#f5a36f
#f5a36f
rgb(245,163,111)
-
#fba269
#fba269
rgb(251,162,105)
Color Blindness Simulator
Below, you can see how #f5a36f 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.