#f5b423 Color Information
In a RGB color space, hex #f5b423 is composed of 96.1% red, 70.6% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.5% magenta, 85.7% yellow and 3.9% black. It has a hue angle of 41.4 degrees, a saturation of 91.3% and a lightness of 54.9%. #f5b423 color hex could be obtained by blending #ffff46 with #eb6900. Closest websafe color is: #ffcc33.
-
- R 96
- G 71
- B 14
-
- C 0
- M 27
- Y 86
- K 4
● #f5b423 color description : Vivid orange.
#f5b423 Color Conversion
The hexadecimal color #f5b423 has RGB values of R:245, G:180, B:35 and CMYK values of C:0, M:0.27, Y:0.86, K:0.04. Its decimal value is 16102435.
Hex triplet | f5b423 | #f5b423 |
---|---|---|
RGB Decimal | 245, 180, 35 | rgb(245,180,35) |
RGB Percent | 96.1, 70.6, 13.7 | rgb(96.1%,70.6%,13.7%) |
CMYK | 0, 27, 86, 4 | |
HSL | 41.4°, 91.3, 54.9 | hsl(41.4,91.3%,54.9%) |
HSV (or HSB) | 41.4°, 85.7, 96.1 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 77.388, 12.301, 74.534 |
---|---|
XYZ | 54.282, 52.18, 8.803 |
xyY | 0.471, 0.453, 52.18 |
CIE-LCH | 77.388, 75.542, 80.629 |
CIE-LUV | 77.388, 53.97, 76.046 |
Hunter-Lab | 72.235, 7.724, 43.34 |
Binary | 11110101, 10110100, 00100011 |
Color Schemes with #f5b423
Alternatives to #f5b423
Below, you can see some colors close to #f5b423. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5b423 Preview
This text has a font color of #f5b423.
<span style="color:#f5b423;">Text here</span>
This paragraph has a background color of #f5b423.
<p style="background-color:#f5b423;">Content here</p>
This element has a border color of #f5b423.
<div style="border:1px solid #f5b423;">Content here</div>
.text {color:#f5b423;}
.background {background-color:#f5b423;}
.border {border:1px solid #f5b423;}
Shades and Tints of #f5b423
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, #050400 is the darkest color, while #fefaf1 is the lightest one.
-
#050400
#050400
rgb(5,4,0)
-
#181101
#181101
rgb(24,17,1)
-
#2b1e02
#2b1e02
rgb(43,30,2)
-
#3d2b03
#3d2b03
rgb(61,43,3)
-
#503904
#503904
rgb(80,57,4)
-
#634604
#634604
rgb(99,70,4)
-
#765305
#765305
rgb(118,83,5)
-
#886006
#886006
rgb(136,96,6)
-
#9b6d07
#9b6d07
rgb(155,109,7)
-
#ae7b08
#ae7b08
rgb(174,123,8)
-
#c18809
#c18809
rgb(193,136,9)
-
#d4950a
#d4950a
rgb(212,149,10)
-
#e6a20a
#e6a20a
rgb(230,162,10)
-
#f4ae10
#f4ae10
rgb(244,174,16)
-
#f5b423
#f5b423
rgb(245,180,35)
-
#f6ba36
#f6ba36
rgb(246,186,54)
-
#f7c149
#f7c149
rgb(247,193,73)
-
#f8c75b
#f8c75b
rgb(248,199,91)
-
#f8ce6e
#f8ce6e
rgb(248,206,110)
-
#f9d481
#f9d481
rgb(249,212,129)
-
#fada94
#fada94
rgb(250,218,148)
-
#fbe1a6
#fbe1a6
rgb(251,225,166)
-
#fce7b9
#fce7b9
rgb(252,231,185)
-
#fdeecc
#fdeecc
rgb(253,238,204)
-
#fef4df
#fef4df
rgb(254,244,223)
-
#fefaf1
#fefaf1
rgb(254,250,241)
Tones of #f5b423
A tone is produced by adding gray to any pure hue. In this case, #948f84 is the less saturated color, while #feb71a is the most saturated one.
-
#948f84
#948f84
rgb(148,143,132)
-
#9d927b
#9d927b
rgb(157,146,123)
-
#a59673
#a59673
rgb(165,150,115)
-
#ae996a
#ae996a
rgb(174,153,106)
-
#b79c61
#b79c61
rgb(183,156,97)
-
#c0a058
#c0a058
rgb(192,160,88)
-
#c9a34f
#c9a34f
rgb(201,163,79)
-
#d2a746
#d2a746
rgb(210,167,70)
-
#daaa3e
#daaa3e
rgb(218,170,62)
-
#e3ad35
#e3ad35
rgb(227,173,53)
-
#ecb12c
#ecb12c
rgb(236,177,44)
-
#f5b423
#f5b423
rgb(245,180,35)
-
#feb71a
#feb71a
rgb(254,183,26)
Color Blindness Simulator
Below, you can see how #f5b423 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.