#f5a303 Color Information
In a RGB color space, hex #f5a303 is composed of 96.1% red, 63.9% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 98.8% yellow and 3.9% black. It has a hue angle of 39.7 degrees, a saturation of 97.6% and a lightness of 48.6%. #f5a303 color hex could be obtained by blending #ffff06 with #eb4700. Closest websafe color is: #ff9900.
-
- R 96
- G 64
- B 1
-
- C 0
- M 33
- Y 99
- K 4
● #f5a303 color description : Vivid orange.
#f5a303 Color Conversion
The hexadecimal color #f5a303 has RGB values of R:245, G:163, B:3 and CMYK values of C:0, M:0.33, Y:0.99, K:0.04. Its decimal value is 16098051.
Hex triplet | f5a303 | #f5a303 |
---|---|---|
RGB Decimal | 245, 163, 3 | rgb(245,163,3) |
RGB Percent | 96.1, 63.9, 1.2 | rgb(96.1%,63.9%,1.2%) |
CMYK | 0, 33, 99, 4 | |
HSL | 39.7°, 97.6, 48.6 | hsl(39.7,97.6%,48.6%) |
HSV (or HSB) | 39.7°, 98.8, 96.1 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 73.296, 20.794, 76.944 |
---|---|
XYZ | 50.771, 45.617, 6.217 |
xyY | 0.495, 0.445, 45.617 |
CIE-LCH | 73.296, 79.704, 74.877 |
CIE-LUV | 73.296, 68.242, 72.794 |
Hunter-Lab | 67.54, 15.986, 41.82 |
Binary | 11110101, 10100011, 00000011 |
Color Schemes with #f5a303
Alternatives to #f5a303
Below, you can see some colors close to #f5a303. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a303 Preview
This text has a font color of #f5a303.
<span style="color:#f5a303;">Text here</span>
This paragraph has a background color of #f5a303.
<p style="background-color:#f5a303;">Content here</p>
This element has a border color of #f5a303.
<div style="border:1px solid #f5a303;">Content here</div>
.text {color:#f5a303;}
.background {background-color:#f5a303;}
.border {border:1px solid #f5a303;}
Shades and Tints of #f5a303
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)
-
#472f01
#472f01
rgb(71,47,1)
-
#5a3c01
#5a3c01
rgb(90,60,1)
-
#6d4901
#6d4901
rgb(109,73,1)
-
#815602
#815602
rgb(129,86,2)
-
#946302
#946302
rgb(148,99,2)
-
#a76f02
#a76f02
rgb(167,111,2)
-
#bb7c02
#bb7c02
rgb(187,124,2)
-
#ce8903
#ce8903
rgb(206,137,3)
-
#e29603
#e29603
rgb(226,150,3)
-
#f5a303
#f5a303
rgb(245,163,3)
-
#fcac10
#fcac10
rgb(252,172,16)
-
#fcb323
#fcb323
rgb(252,179,35)
-
#fdb936
#fdb936
rgb(253,185,54)
-
#fdc04a
#fdc04a
rgb(253,192,74)
-
#fdc75d
#fdc75d
rgb(253,199,93)
-
#fdce70
#fdce70
rgb(253,206,112)
-
#fdd484
#fdd484
rgb(253,212,132)
-
#fedb97
#fedb97
rgb(254,219,151)
-
#fee2ab
#fee2ab
rgb(254,226,171)
-
#fee8be
#fee8be
rgb(254,232,190)
-
#feefd1
#feefd1
rgb(254,239,209)
-
#fff6e5
#fff6e5
rgb(255,246,229)
-
#fffdf8
#fffdf8
rgb(255,253,248)
Tones of #f5a303
A tone is produced by adding gray to any pure hue. In this case, #837e75 is the less saturated color, while #f5a303 is the most saturated one.
-
#837e75
#837e75
rgb(131,126,117)
-
#8c816c
#8c816c
rgb(140,129,108)
-
#968462
#968462
rgb(150,132,98)
-
#9f8759
#9f8759
rgb(159,135,89)
-
#a98a4f
#a98a4f
rgb(169,138,79)
-
#b28d46
#b28d46
rgb(178,141,70)
-
#bc913c
#bc913c
rgb(188,145,60)
-
#c59433
#c59433
rgb(197,148,51)
-
#cf9729
#cf9729
rgb(207,151,41)
-
#d89a20
#d89a20
rgb(216,154,32)
-
#e29d16
#e29d16
rgb(226,157,22)
-
#eba00d
#eba00d
rgb(235,160,13)
-
#f5a303
#f5a303
rgb(245,163,3)
Color Blindness Simulator
Below, you can see how #f5a303 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.