#f5a522 Color Information
In a RGB color space, hex #f5a522 is composed of 96.1% red, 64.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 86.1% yellow and 3.9% black. It has a hue angle of 37.3 degrees, a saturation of 91.3% and a lightness of 54.7%. #f5a522 color hex could be obtained by blending #ffff44 with #eb4b00. Closest websafe color is: #ff9933.
-
- R 96
- G 65
- B 13
-
- C 0
- M 33
- Y 86
- K 4
● #f5a522 color description : Vivid orange.
#f5a522 Color Conversion
The hexadecimal color #f5a522 has RGB values of R:245, G:165, B:34 and CMYK values of C:0, M:0.33, Y:0.86, K:0.04. Its decimal value is 16098594.
Hex triplet | f5a522 | #f5a522 |
---|---|---|
RGB Decimal | 245, 165, 34 | rgb(245,165,34) |
RGB Percent | 96.1, 64.7, 13.3 | rgb(96.1%,64.7%,13.3%) |
CMYK | 0, 33, 86, 4 | |
HSL | 37.3°, 91.3, 54.7 | hsl(37.3,91.3%,54.7%) |
HSV (or HSB) | 37.3°, 86.1, 96.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.831, 20.16, 71.924 |
---|---|
XYZ | 51.401, 46.442, 7.77 |
xyY | 0.487, 0.44, 46.442 |
CIE-LCH | 73.831, 74.696, 74.342 |
CIE-LUV | 73.831, 65.955, 70.591 |
Hunter-Lab | 68.148, 15.376, 40.943 |
Binary | 11110101, 10100101, 00100010 |
Color Schemes with #f5a522
Alternatives to #f5a522
Below, you can see some colors close to #f5a522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5a522 Preview
This text has a font color of #f5a522.
<span style="color:#f5a522;">Text here</span>
This paragraph has a background color of #f5a522.
<p style="background-color:#f5a522;">Content here</p>
This element has a border color of #f5a522.
<div style="border:1px solid #f5a522;">Content here</div>
.text {color:#f5a522;}
.background {background-color:#f5a522;}
.border {border:1px solid #f5a522;}
Shades and Tints of #f5a522
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, #040300 is the darkest color, while #fef9f0 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#170f01
#170f01
rgb(23,15,1)
-
#2a1b02
#2a1b02
rgb(42,27,2)
-
#3c2703
#3c2703
rgb(60,39,3)
-
#4f3304
#4f3304
rgb(79,51,4)
-
#623f04
#623f04
rgb(98,63,4)
-
#754b05
#754b05
rgb(117,75,5)
-
#885606
#885606
rgb(136,86,6)
-
#9a6207
#9a6207
rgb(154,98,7)
-
#ad6e08
#ad6e08
rgb(173,110,8)
-
#c07a09
#c07a09
rgb(192,122,9)
-
#d3860a
#d3860a
rgb(211,134,10)
-
#e5920a
#e5920a
rgb(229,146,10)
-
#f49d0f
#f49d0f
rgb(244,157,15)
-
#f5a522
#f5a522
rgb(245,165,34)
-
#f6ad35
#f6ad35
rgb(246,173,53)
-
#f7b448
#f7b448
rgb(247,180,72)
-
#f8bc5a
#f8bc5a
rgb(248,188,90)
-
#f8c46d
#f8c46d
rgb(248,196,109)
-
#f9cb80
#f9cb80
rgb(249,203,128)
-
#fad393
#fad393
rgb(250,211,147)
-
#fbdaa5
#fbdaa5
rgb(251,218,165)
-
#fce2b8
#fce2b8
rgb(252,226,184)
-
#fdeacb
#fdeacb
rgb(253,234,203)
-
#fdf1de
#fdf1de
rgb(253,241,222)
-
#fef9f0
#fef9f0
rgb(254,249,240)
Tones of #f5a522
A tone is produced by adding gray to any pure hue. In this case, #938d84 is the less saturated color, while #fea719 is the most saturated one.
-
#938d84
#938d84
rgb(147,141,132)
-
#9c907b
#9c907b
rgb(156,144,123)
-
#a59272
#a59272
rgb(165,146,114)
-
#ae9469
#ae9469
rgb(174,148,105)
-
#b79660
#b79660
rgb(183,150,96)
-
#c09857
#c09857
rgb(192,152,87)
-
#c99a4e
#c99a4e
rgb(201,154,78)
-
#d19c46
#d19c46
rgb(209,156,70)
-
#da9f3d
#da9f3d
rgb(218,159,61)
-
#e3a134
#e3a134
rgb(227,161,52)
-
#eca32b
#eca32b
rgb(236,163,43)
-
#f5a522
#f5a522
rgb(245,165,34)
-
#fea719
#fea719
rgb(254,167,25)
Color Blindness Simulator
Below, you can see how #f5a522 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.