#f5a503 Color Information
In a RGB color space, hex #f5a503 is composed of 96.1% red, 64.7% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 98.8% yellow and 3.9% black. It has a hue angle of 40.2 degrees, a saturation of 97.6% and a lightness of 48.6%. #f5a503 color hex could be obtained by blending #ffff06 with #eb4b00. Closest websafe color is: #ff9900.
-
- R 96
- G 65
- B 1
-
- C 0
- M 33
- Y 99
- K 4
● #f5a503 color description : Vivid orange.
#f5a503 Color Conversion
The hexadecimal color #f5a503 has RGB values of R:245, G:165, B:3 and CMYK values of C:0, M:0.33, Y:0.99, K:0.04. Its decimal value is 16098563.
Hex triplet | f5a503 | #f5a503 |
---|---|---|
RGB Decimal | 245, 165, 3 | rgb(245,165,3) |
RGB Percent | 96.1, 64.7, 1.2 | rgb(96.1%,64.7%,1.2%) |
CMYK | 0, 33, 99, 4 | |
HSL | 40.2°, 97.6, 48.6 | hsl(40.2,97.6%,48.6%) |
HSV (or HSB) | 40.2°, 98.8, 96.1 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.761, 19.742, 77.256 |
---|---|
XYZ | 51.129, 46.333, 6.337 |
xyY | 0.493, 0.446, 46.333 |
CIE-LCH | 73.761, 79.738, 75.665 |
CIE-LUV | 73.761, 66.601, 73.511 |
Hunter-Lab | 68.068, 14.96, 42.128 |
Binary | 11110101, 10100101, 00000011 |
Color Schemes with #f5a503
Alternatives to #f5a503
Below, you can see some colors close to #f5a503. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a503 Preview
This text has a font color of #f5a503.
<span style="color:#f5a503;">Text here</span>
This paragraph has a background color of #f5a503.
<p style="background-color:#f5a503;">Content here</p>
This element has a border color of #f5a503.
<div style="border:1px solid #f5a503;">Content here</div>
.text {color:#f5a503;}
.background {background-color:#f5a503;}
.border {border:1px solid #f5a503;}
Shades and Tints of #f5a503
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, #0c0800 is the darkest color, while #fffdf8 is the lightest one.
-
#0c0800
#0c0800
rgb(12,8,0)
-
#201500
#201500
rgb(32,21,0)
-
#332201
#332201
rgb(51,34,1)
-
#473001
#473001
rgb(71,48,1)
-
#5a3d01
#5a3d01
rgb(90,61,1)
-
#6d4a01
#6d4a01
rgb(109,74,1)
-
#815702
#815702
rgb(129,87,2)
-
#946402
#946402
rgb(148,100,2)
-
#a77102
#a77102
rgb(167,113,2)
-
#bb7e02
#bb7e02
rgb(187,126,2)
-
#ce8b03
#ce8b03
rgb(206,139,3)
-
#e29803
#e29803
rgb(226,152,3)
-
#f5a503
#f5a503
rgb(245,165,3)
-
#fcae10
#fcae10
rgb(252,174,16)
-
#fcb423
#fcb423
rgb(252,180,35)
-
#fdbb36
#fdbb36
rgb(253,187,54)
-
#fdc24a
#fdc24a
rgb(253,194,74)
-
#fdc85d
#fdc85d
rgb(253,200,93)
-
#fdcf70
#fdcf70
rgb(253,207,112)
-
#fdd584
#fdd584
rgb(253,213,132)
-
#fedc97
#fedc97
rgb(254,220,151)
-
#fee2ab
#fee2ab
rgb(254,226,171)
-
#fee9be
#fee9be
rgb(254,233,190)
-
#fef0d1
#fef0d1
rgb(254,240,209)
-
#fff6e5
#fff6e5
rgb(255,246,229)
-
#fffdf8
#fffdf8
rgb(255,253,248)
Tones of #f5a503
A tone is produced by adding gray to any pure hue. In this case, #837e75 is the less saturated color, while #f5a503 is the most saturated one.
-
#837e75
#837e75
rgb(131,126,117)
-
#8c816c
#8c816c
rgb(140,129,108)
-
#968562
#968562
rgb(150,133,98)
-
#9f8859
#9f8859
rgb(159,136,89)
-
#a98b4f
#a98b4f
rgb(169,139,79)
-
#b28e46
#b28e46
rgb(178,142,70)
-
#bc923c
#bc923c
rgb(188,146,60)
-
#c59533
#c59533
rgb(197,149,51)
-
#cf9829
#cf9829
rgb(207,152,41)
-
#d89b20
#d89b20
rgb(216,155,32)
-
#e29f16
#e29f16
rgb(226,159,22)
-
#eba20d
#eba20d
rgb(235,162,13)
-
#f5a503
#f5a503
rgb(245,165,3)
Color Blindness Simulator
Below, you can see how #f5a503 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.