#f5a123 Color Information
In a RGB color space, hex #f5a123 is composed of 96.1% red, 63.1% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.3% magenta, 85.7% yellow and 3.9% black. It has a hue angle of 36 degrees, a saturation of 91.3% and a lightness of 54.9%. #f5a123 color hex could be obtained by blending #ffff46 with #eb4300. Closest websafe color is: #ff9933.
-
- R 96
- G 63
- B 14
-
- C 0
- M 34
- Y 86
- K 4
● #f5a123 color description : Vivid orange.
#f5a123 Color Conversion
The hexadecimal color #f5a123 has RGB values of R:245, G:161, B:35 and CMYK values of C:0, M:0.34, Y:0.86, K:0.04. Its decimal value is 16097571.
Hex triplet | f5a123 | #f5a123 |
---|---|---|
RGB Decimal | 245, 161, 35 | rgb(245,161,35) |
RGB Percent | 96.1, 63.1, 13.7 | rgb(96.1%,63.1%,13.7%) |
CMYK | 0, 34, 86, 4 | |
HSL | 36°, 91.3, 54.9 | hsl(36,91.3%,54.9%) |
HSV (or HSB) | 36°, 85.7, 96.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 72.91, 22.286, 70.907 |
---|---|
XYZ | 50.706, 45.027, 7.611 |
xyY | 0.491, 0.436, 45.027 |
CIE-LCH | 72.91, 74.327, 72.552 |
CIE-LUV | 72.91, 69.165, 68.955 |
Hunter-Lab | 67.102, 17.454, 40.247 |
Binary | 11110101, 10100001, 00100011 |
Color Schemes with #f5a123
Alternatives to #f5a123
Below, you can see some colors close to #f5a123. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a123 Preview
This text has a font color of #f5a123.
<span style="color:#f5a123;">Text here</span>
This paragraph has a background color of #f5a123.
<p style="background-color:#f5a123;">Content here</p>
This element has a border color of #f5a123.
<div style="border:1px solid #f5a123;">Content here</div>
.text {color:#f5a123;}
.background {background-color:#f5a123;}
.border {border:1px solid #f5a123;}
Shades and Tints of #f5a123
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, #050300 is the darkest color, while #fef9f1 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#180f01
#180f01
rgb(24,15,1)
-
#2b1a02
#2b1a02
rgb(43,26,2)
-
#3d2603
#3d2603
rgb(61,38,3)
-
#503204
#503204
rgb(80,50,4)
-
#633d04
#633d04
rgb(99,61,4)
-
#764905
#764905
rgb(118,73,5)
-
#885406
#885406
rgb(136,84,6)
-
#9b6007
#9b6007
rgb(155,96,7)
-
#ae6c08
#ae6c08
rgb(174,108,8)
-
#c17709
#c17709
rgb(193,119,9)
-
#d4830a
#d4830a
rgb(212,131,10)
-
#e68e0a
#e68e0a
rgb(230,142,10)
-
#f49910
#f49910
rgb(244,153,16)
-
#f5a123
#f5a123
rgb(245,161,35)
-
#f6a936
#f6a936
rgb(246,169,54)
-
#f7b149
#f7b149
rgb(247,177,73)
-
#f8b95b
#f8b95b
rgb(248,185,91)
-
#f8c16e
#f8c16e
rgb(248,193,110)
-
#f9c981
#f9c981
rgb(249,201,129)
-
#fad194
#fad194
rgb(250,209,148)
-
#fbd9a6
#fbd9a6
rgb(251,217,166)
-
#fce1b9
#fce1b9
rgb(252,225,185)
-
#fde9cc
#fde9cc
rgb(253,233,204)
-
#fef1df
#fef1df
rgb(254,241,223)
-
#fef9f1
#fef9f1
rgb(254,249,241)
Tones of #f5a123
A tone is produced by adding gray to any pure hue. In this case, #948e84 is the less saturated color, while #fea31a is the most saturated one.
-
#948e84
#948e84
rgb(148,142,132)
-
#9d8f7b
#9d8f7b
rgb(157,143,123)
-
#a59173
#a59173
rgb(165,145,115)
-
#ae936a
#ae936a
rgb(174,147,106)
-
#b79561
#b79561
rgb(183,149,97)
-
#c09658
#c09658
rgb(192,150,88)
-
#c9984f
#c9984f
rgb(201,152,79)
-
#d29a46
#d29a46
rgb(210,154,70)
-
#da9c3e
#da9c3e
rgb(218,156,62)
-
#e39d35
#e39d35
rgb(227,157,53)
-
#ec9f2c
#ec9f2c
rgb(236,159,44)
-
#f5a123
#f5a123
rgb(245,161,35)
-
#fea31a
#fea31a
rgb(254,163,26)
Color Blindness Simulator
Below, you can see how #f5a123 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.