#f5a36d Color Information
In a RGB color space, hex #f5a36d is composed of 96.1% red, 63.9% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 55.5% yellow and 3.9% black. It has a hue angle of 23.8 degrees, a saturation of 87.2% and a lightness of 69.4%. #f5a36d color hex could be obtained by blending #ffffda with #eb4700. Closest websafe color is: #ff9966.
-
- R 96
- G 64
- B 43
-
- C 0
- M 33
- Y 56
- K 4
● #f5a36d color description : Soft orange.
#f5a36d Color Conversion
The hexadecimal color #f5a36d has RGB values of R:245, G:163, B:109 and CMYK values of C:0, M:0.33, Y:0.56, K:0.04. Its decimal value is 16098157.
Hex triplet | f5a36d | #f5a36d |
---|---|---|
RGB Decimal | 245, 163, 109 | rgb(245,163,109) |
RGB Percent | 96.1, 63.9, 42.7 | rgb(96.1%,63.9%,42.7%) |
CMYK | 0, 33, 56, 4 | |
HSL | 23.8°, 87.2, 69.4 | hsl(23.8,87.2%,69.4%) |
HSV (or HSB) | 23.8°, 55.5, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 74.007, 24.911, 40.247 |
---|---|
XYZ | 53.515, 46.714, 20.665 |
xyY | 0.443, 0.386, 46.714 |
CIE-LCH | 74.007, 47.333, 58.244 |
CIE-LUV | 74.007, 61.972, 44.98 |
Hunter-Lab | 68.348, 20.152, 29.917 |
Binary | 11110101, 10100011, 01101101 |
Color Schemes with #f5a36d
Alternatives to #f5a36d
Below, you can see some colors close to #f5a36d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a36d Preview
This text has a font color of #f5a36d.
<span style="color:#f5a36d;">Text here</span>
This paragraph has a background color of #f5a36d.
<p style="background-color:#f5a36d;">Content here</p>
This element has a border color of #f5a36d.
<div style="border:1px solid #f5a36d;">Content here</div>
.text {color:#f5a36d;}
.background {background-color:#f5a36d;}
.border {border:1px solid #f5a36d;}
Shades and Tints of #f5a36d
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 #fef4ee is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130801
#130801
rgb(19,8,1)
-
#261003
#261003
rgb(38,16,3)
-
#381904
#381904
rgb(56,25,4)
-
#4a2105
#4a2105
rgb(74,33,5)
-
#5d2906
#5d2906
rgb(93,41,6)
-
#6f3108
#6f3108
rgb(111,49,8)
-
#813909
#813909
rgb(129,57,9)
-
#94410a
#94410a
rgb(148,65,10)
-
#a6490b
#a6490b
rgb(166,73,11)
-
#b8510d
#b8510d
rgb(184,81,13)
-
#cb590e
#cb590e
rgb(203,89,14)
-
#dd610f
#dd610f
rgb(221,97,15)
-
#ef6911
#ef6911
rgb(239,105,17)
-
#f07524
#f07524
rgb(240,117,36)
-
#f18036
#f18036
rgb(241,128,54)
-
#f28c48
#f28c48
rgb(242,140,72)
-
#f4975b
#f4975b
rgb(244,151,91)
-
#f5a36d
#f5a36d
rgb(245,163,109)
-
#f6af7f
#f6af7f
rgb(246,175,127)
-
#f8ba92
#f8ba92
rgb(248,186,146)
-
#f9c6a4
#f9c6a4
rgb(249,198,164)
-
#fad1b6
#fad1b6
rgb(250,209,182)
-
#fbddc9
#fbddc9
rgb(251,221,201)
-
#fde8db
#fde8db
rgb(253,232,219)
-
#fef4ee
#fef4ee
rgb(254,244,238)
Tones of #f5a36d
A tone is produced by adding gray to any pure hue. In this case, #b3b1af is the less saturated color, while #fba267 is the most saturated one.
-
#b3b1af
#b3b1af
rgb(179,177,175)
-
#b9afa9
#b9afa9
rgb(185,175,169)
-
#bfaea3
#bfaea3
rgb(191,174,163)
-
#c5ad9d
#c5ad9d
rgb(197,173,157)
-
#cbac97
#cbac97
rgb(203,172,151)
-
#d1aa91
#d1aa91
rgb(209,170,145)
-
#d7a98b
#d7a98b
rgb(215,169,139)
-
#dda885
#dda885
rgb(221,168,133)
-
#e3a77f
#e3a77f
rgb(227,167,127)
-
#e9a579
#e9a579
rgb(233,165,121)
-
#efa473
#efa473
rgb(239,164,115)
-
#f5a36d
#f5a36d
rgb(245,163,109)
-
#fba267
#fba267
rgb(251,162,103)
Color Blindness Simulator
Below, you can see how #f5a36d 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.