#f5a55d Color Information
In a RGB color space, hex #f5a55d is composed of 96.1% red, 64.7% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 62% yellow and 3.9% black. It has a hue angle of 28.4 degrees, a saturation of 88.4% and a lightness of 66.3%. #f5a55d color hex could be obtained by blending #ffffba with #eb4b00. Closest websafe color is: #ff9966.
-
- R 96
- G 65
- B 36
-
- C 0
- M 33
- Y 62
- K 4
● #f5a55d color description : Soft orange.
#f5a55d Color Conversion
The hexadecimal color #f5a55d has RGB values of R:245, G:165, B:93 and CMYK values of C:0, M:0.33, Y:0.62, K:0.04. Its decimal value is 16098653.
Hex triplet | f5a55d | #f5a55d |
---|---|---|
RGB Decimal | 245, 165, 93 | rgb(245,165,93) |
RGB Percent | 96.1, 64.7, 36.5 | rgb(96.1%,64.7%,36.5%) |
CMYK | 0, 33, 62, 4 | |
HSL | 28.4°, 88.4, 66.3 | hsl(28.4,88.4%,66.3%) |
HSV (or HSB) | 28.4°, 62, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 74.264, 22.702, 48.67 |
---|---|
XYZ | 53.088, 47.116, 16.654 |
xyY | 0.454, 0.403, 47.116 |
CIE-LCH | 74.264, 53.704, 64.994 |
CIE-LUV | 74.264, 62.164, 53.4 |
Hunter-Lab | 68.641, 17.932, 33.664 |
Binary | 11110101, 10100101, 01011101 |
Color Schemes with #f5a55d
Alternatives to #f5a55d
Below, you can see some colors close to #f5a55d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a55d Preview
This text has a font color of #f5a55d.
<span style="color:#f5a55d;">Text here</span>
This paragraph has a background color of #f5a55d.
<p style="background-color:#f5a55d;">Content here</p>
This element has a border color of #f5a55d.
<div style="border:1px solid #f5a55d;">Content here</div>
.text {color:#f5a55d;}
.background {background-color:#f5a55d;}
.border {border:1px solid #f5a55d;}
Shades and Tints of #f5a55d
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, #040200 is the darkest color, while #fef7f1 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#170c01
#170c01
rgb(23,12,1)
-
#291503
#291503
rgb(41,21,3)
-
#3c1e04
#3c1e04
rgb(60,30,4)
-
#4e2805
#4e2805
rgb(78,40,5)
-
#613106
#613106
rgb(97,49,6)
-
#733a07
#733a07
rgb(115,58,7)
-
#864408
#864408
rgb(134,68,8)
-
#984d09
#984d09
rgb(152,77,9)
-
#ab560b
#ab560b
rgb(171,86,11)
-
#bd600c
#bd600c
rgb(189,96,12)
-
#cf690d
#cf690d
rgb(207,105,13)
-
#e2720e
#e2720e
rgb(226,114,14)
-
#f07c13
#f07c13
rgb(240,124,19)
-
#f28626
#f28626
rgb(242,134,38)
-
#f39038
#f39038
rgb(243,144,56)
-
#f49b4b
#f49b4b
rgb(244,155,75)
-
#f5a55d
#f5a55d
rgb(245,165,93)
-
#f6af6f
#f6af6f
rgb(246,175,111)
-
#f7ba82
#f7ba82
rgb(247,186,130)
-
#f8c494
#f8c494
rgb(248,196,148)
-
#facea7
#facea7
rgb(250,206,167)
-
#fbd8b9
#fbd8b9
rgb(251,216,185)
-
#fce3cc
#fce3cc
rgb(252,227,204)
-
#fdedde
#fdedde
rgb(253,237,222)
-
#fef7f1
#fef7f1
rgb(254,247,241)
Tones of #f5a55d
A tone is produced by adding gray to any pure hue. In this case, #aca9a6 is the less saturated color, while #fca556 is the most saturated one.
-
#aca9a6
#aca9a6
rgb(172,169,166)
-
#b3a89f
#b3a89f
rgb(179,168,159)
-
#b9a899
#b9a899
rgb(185,168,153)
-
#c0a892
#c0a892
rgb(192,168,146)
-
#c7a78b
#c7a78b
rgb(199,167,139)
-
#cda785
#cda785
rgb(205,167,133)
-
#d4a77e
#d4a77e
rgb(212,167,126)
-
#dba677
#dba677
rgb(219,166,119)
-
#e1a671
#e1a671
rgb(225,166,113)
-
#e8a66a
#e8a66a
rgb(232,166,106)
-
#eea564
#eea564
rgb(238,165,100)
-
#f5a55d
#f5a55d
rgb(245,165,93)
-
#fca556
#fca556
rgb(252,165,86)
Color Blindness Simulator
Below, you can see how #f5a55d 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.