#f5a744 Color Information
In a RGB color space, hex #f5a744 is composed of 96.1% red, 65.5% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 72.2% yellow and 3.9% black. It has a hue angle of 33.6 degrees, a saturation of 89.8% and a lightness of 61.4%. #f5a744 color hex could be obtained by blending #ffff88 with #eb4f00. Closest websafe color is: #ff9933.
-
- R 96
- G 65
- B 27
-
- C 0
- M 32
- Y 72
- K 4
● #f5a744 color description : Bright orange.
#f5a744 Color Conversion
The hexadecimal color #f5a744 has RGB values of R:245, G:167, B:68 and CMYK values of C:0, M:0.32, Y:0.72, K:0.04. Its decimal value is 16099140.
| Hex triplet | f5a744 | #f5a744 |
|---|---|---|
| RGB Decimal | 245, 167, 68 | rgb(245,167,68) |
| RGB Percent | 96.1, 65.5, 26.7 | rgb(96.1%,65.5%,26.7%) |
| CMYK | 0, 32, 72, 4 | |
| HSL | 33.6°, 89.8, 61.4 | hsl(33.6,89.8%,61.4%) |
| HSV (or HSB) | 33.6°, 72.2, 96.1 | |
| Web Safe | ff9933 | #ff9933 |
| CIE-LAB | 74.49, 20.254, 60.488 |
|---|---|
| XYZ | 52.519, 47.471, 11.865 |
| xyY | 0.47, 0.424, 47.471 |
| CIE-LCH | 74.49, 63.789, 71.487 |
| CIE-LUV | 74.49, 62.653, 63.517 |
| Hunter-Lab | 68.899, 15.492, 38.019 |
| Binary | 11110101, 10100111, 01000100 |
Color Schemes with #f5a744
Alternatives to #f5a744
Below, you can see some colors close to #f5a744. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a744 Preview
This text has a font color of #f5a744.
<span style="color:#f5a744;">Text here</span>
This paragraph has a background color of #f5a744.
<p style="background-color:#f5a744;">Content here</p>
This element has a border color of #f5a744.
<div style="border:1px solid #f5a744;">Content here</div>
.text {color:#f5a744;}
.background {background-color:#f5a744;}
.border {border:1px solid #f5a744;}
Shades and Tints of #f5a744
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, #120a01 is the darkest color, while #fffffe is the lightest one.
-
#120a01
#120a01rgb(18,10,1) -
#241502
#241502rgb(36,21,2) -
#372003
#372003rgb(55,32,3) -
#4a2b04
#4a2b04rgb(74,43,4) -
#5c3605
#5c3605rgb(92,54,5) -
#6f4106
#6f4106rgb(111,65,6) -
#824c07
#824c07rgb(130,76,7) -
#945608
#945608rgb(148,86,8) -
#a76109
#a76109rgb(167,97,9) -
#b96c0a
#b96c0argb(185,108,10) -
#cc770b
#cc770brgb(204,119,11) -
#df820c
#df820crgb(223,130,12) -
#f18d0d
#f18d0drgb(241,141,13)
-
#f3951f
#f3951frgb(243,149,31) -
#f49e31
#f49e31rgb(244,158,49) -
#f5a744
#f5a744rgb(245,167,68) -
#f6b057
#f6b057rgb(246,176,87) -
#f7b969
#f7b969rgb(247,185,105) -
#f8c17c
#f8c17crgb(248,193,124) -
#f9ca8e
#f9ca8ergb(249,202,142) -
#fad3a1
#fad3a1rgb(250,211,161) -
#fbdcb4
#fbdcb4rgb(251,220,180) -
#fce4c6
#fce4c6rgb(252,228,198) -
#fdedd9
#fdedd9rgb(253,237,217) -
#fef6ec
#fef6ecrgb(254,246,236) -
#fffffe
#fffffergb(255,255,254)
Tones of #f5a744
A tone is produced by adding gray to any pure hue. In this case, #a29d97 is the less saturated color, while #fda83c is the most saturated one.
-
#a29d97
#a29d97rgb(162,157,151) -
#a99e90
#a99e90rgb(169,158,144) -
#b19f88
#b19f88rgb(177,159,136) -
#b8a081
#b8a081rgb(184,160,129) -
#c0a179
#c0a179rgb(192,161,121) -
#c8a271
#c8a271rgb(200,162,113) -
#cfa36a
#cfa36argb(207,163,106) -
#d7a362
#d7a362rgb(215,163,98) -
#dea45b
#dea45brgb(222,164,91) -
#e6a553
#e6a553rgb(230,165,83) -
#eda64c
#eda64crgb(237,166,76) -
#f5a744
#f5a744rgb(245,167,68) -
#fda83c
#fda83crgb(253,168,60)
Color Blindness Simulator
Below, you can see how #f5a744 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.
