#f5ba22 Color Information
In a RGB color space, hex #f5ba22 is composed of 96.1% red, 72.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.1% magenta, 86.1% yellow and 3.9% black. It has a hue angle of 43.2 degrees, a saturation of 91.3% and a lightness of 54.7%. #f5ba22 color hex could be obtained by blending #ffff44 with #eb7500. Closest websafe color is: #ffcc33.
-
- R 96
- G 73
- B 13
-
- C 0
- M 24
- Y 86
- K 4
● #f5ba22 color description : Vivid orange.
#f5ba22 Color Conversion
The hexadecimal color #f5ba22 has RGB values of R:245, G:186, B:34 and CMYK values of C:0, M:0.24, Y:0.86, K:0.04. Its decimal value is 16103970.
Hex triplet | f5ba22 | #f5ba22 |
---|---|---|
RGB Decimal | 245, 186, 34 | rgb(245,186,34) |
RGB Percent | 96.1, 72.9, 13.3 | rgb(96.1%,72.9%,13.3%) |
CMYK | 0, 24, 86, 4 | |
HSL | 43.2°, 91.3, 54.7 | hsl(43.2,91.3%,54.7%) |
HSV (or HSB) | 43.2°, 86.1, 96.1 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 78.839, 9.141, 75.95 |
---|---|
XYZ | 55.505, 54.649, 9.138 |
xyY | 0.465, 0.458, 54.649 |
CIE-LCH | 78.839, 76.498, 83.137 |
CIE-LUV | 78.839, 49.322, 78.452 |
Hunter-Lab | 73.925, 4.655, 44.418 |
Binary | 11110101, 10111010, 00100010 |
Color Schemes with #f5ba22
Alternatives to #f5ba22
Below, you can see some colors close to #f5ba22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5ba22 Preview
This text has a font color of #f5ba22.
<span style="color:#f5ba22;">Text here</span>
This paragraph has a background color of #f5ba22.
<p style="background-color:#f5ba22;">Content here</p>
This element has a border color of #f5ba22.
<div style="border:1px solid #f5ba22;">Content here</div>
.text {color:#f5ba22;}
.background {background-color:#f5ba22;}
.border {border:1px solid #f5ba22;}
Shades and Tints of #f5ba22
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 #fefaf0 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#171101
#171101
rgb(23,17,1)
-
#2a1f02
#2a1f02
rgb(42,31,2)
-
#3c2c03
#3c2c03
rgb(60,44,3)
-
#4f3a04
#4f3a04
rgb(79,58,4)
-
#624804
#624804
rgb(98,72,4)
-
#755605
#755605
rgb(117,86,5)
-
#886306
#886306
rgb(136,99,6)
-
#9a7107
#9a7107
rgb(154,113,7)
-
#ad7f08
#ad7f08
rgb(173,127,8)
-
#c08d09
#c08d09
rgb(192,141,9)
-
#d39a0a
#d39a0a
rgb(211,154,10)
-
#e5a80a
#e5a80a
rgb(229,168,10)
-
#f4b40f
#f4b40f
rgb(244,180,15)
-
#f5ba22
#f5ba22
rgb(245,186,34)
-
#f6c035
#f6c035
rgb(246,192,53)
-
#f7c648
#f7c648
rgb(247,198,72)
-
#f8cc5a
#f8cc5a
rgb(248,204,90)
-
#f8d16d
#f8d16d
rgb(248,209,109)
-
#f9d780
#f9d780
rgb(249,215,128)
-
#fadd93
#fadd93
rgb(250,221,147)
-
#fbe3a5
#fbe3a5
rgb(251,227,165)
-
#fce9b8
#fce9b8
rgb(252,233,184)
-
#fdefcb
#fdefcb
rgb(253,239,203)
-
#fdf5de
#fdf5de
rgb(253,245,222)
-
#fefaf0
#fefaf0
rgb(254,250,240)
Tones of #f5ba22
A tone is produced by adding gray to any pure hue. In this case, #938f84 is the less saturated color, while #febe19 is the most saturated one.
-
#938f84
#938f84
rgb(147,143,132)
-
#9c937b
#9c937b
rgb(156,147,123)
-
#a59772
#a59772
rgb(165,151,114)
-
#ae9b69
#ae9b69
rgb(174,155,105)
-
#b79f60
#b79f60
rgb(183,159,96)
-
#c0a357
#c0a357
rgb(192,163,87)
-
#c9a64e
#c9a64e
rgb(201,166,78)
-
#d1aa46
#d1aa46
rgb(209,170,70)
-
#daae3d
#daae3d
rgb(218,174,61)
-
#e3b234
#e3b234
rgb(227,178,52)
-
#ecb62b
#ecb62b
rgb(236,182,43)
-
#f5ba22
#f5ba22
rgb(245,186,34)
-
#febe19
#febe19
rgb(254,190,25)
Color Blindness Simulator
Below, you can see how #f5ba22 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.