#f5d222 Color Information
In a RGB color space, hex #f5d222 is composed of 96.1% red, 82.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.3% magenta, 86.1% yellow and 3.9% black. It has a hue angle of 50 degrees, a saturation of 91.3% and a lightness of 54.7%. #f5d222 color hex could be obtained by blending #ffff44 with #eba500. Closest websafe color is: #ffcc33.
-
- R 96
- G 82
- B 13
-
- C 0
- M 14
- Y 86
- K 4
● #f5d222 color description : Vivid yellow.
#f5d222 Color Conversion
The hexadecimal color #f5d222 has RGB values of R:245, G:210, B:34 and CMYK values of C:0, M:0.14, Y:0.86, K:0.04. Its decimal value is 16110114.
Hex triplet | f5d222 | #f5d222 |
---|---|---|
RGB Decimal | 245, 210, 34 | rgb(245,210,34) |
RGB Percent | 96.1, 82.4, 13.3 | rgb(96.1%,82.4%,13.3%) |
CMYK | 0, 14, 86, 4 | |
HSL | 50°, 91.3, 54.7 | hsl(50,91.3%,54.7%) |
HSV (or HSB) | 50°, 86.1, 96.1 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.804, -3.23, 80.744 |
---|---|
XYZ | 60.992, 65.624, 10.967 |
xyY | 0.443, 0.477, 65.624 |
CIE-LCH | 84.804, 80.809, 92.291 |
CIE-LUV | 84.804, 31.337, 87.552 |
Hunter-Lab | 81.008, -7.37, 48.679 |
Binary | 11110101, 11010010, 00100010 |
Color Schemes with #f5d222
Alternatives to #f5d222
Below, you can see some colors close to #f5d222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5d222 Preview
This text has a font color of #f5d222.
<span style="color:#f5d222;">Text here</span>
This paragraph has a background color of #f5d222.
<p style="background-color:#f5d222;">Content here</p>
This element has a border color of #f5d222.
<div style="border:1px solid #f5d222;">Content here</div>
.text {color:#f5d222;}
.background {background-color:#f5d222;}
.border {border:1px solid #f5d222;}
Shades and Tints of #f5d222
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, #040400 is the darkest color, while #fefcf0 is the lightest one.
-
#040400
#040400
rgb(4,4,0)
-
#171301
#171301
rgb(23,19,1)
-
#2a2302
#2a2302
rgb(42,35,2)
-
#3c3303
#3c3303
rgb(60,51,3)
-
#4f4304
#4f4304
rgb(79,67,4)
-
#625304
#625304
rgb(98,83,4)
-
#756205
#756205
rgb(117,98,5)
-
#887206
#887206
rgb(136,114,6)
-
#9a8207
#9a8207
rgb(154,130,7)
-
#ad9208
#ad9208
rgb(173,146,8)
-
#c0a109
#c0a109
rgb(192,161,9)
-
#d3b10a
#d3b10a
rgb(211,177,10)
-
#e5c10a
#e5c10a
rgb(229,193,10)
-
#f4ce0f
#f4ce0f
rgb(244,206,15)
-
#f5d222
#f5d222
rgb(245,210,34)
-
#f6d635
#f6d635
rgb(246,214,53)
-
#f7da48
#f7da48
rgb(247,218,72)
-
#f8dd5a
#f8dd5a
rgb(248,221,90)
-
#f8e16d
#f8e16d
rgb(248,225,109)
-
#f9e580
#f9e580
rgb(249,229,128)
-
#fae993
#fae993
rgb(250,233,147)
-
#fbeda5
#fbeda5
rgb(251,237,165)
-
#fcf1b8
#fcf1b8
rgb(252,241,184)
-
#fdf4cb
#fdf4cb
rgb(253,244,203)
-
#fdf8de
#fdf8de
rgb(253,248,222)
-
#fefcf0
#fefcf0
rgb(254,252,240)
Tones of #f5d222
A tone is produced by adding gray to any pure hue. In this case, #939184 is the less saturated color, while #fed819 is the most saturated one.
-
#939184
#939184
rgb(147,145,132)
-
#9c977b
#9c977b
rgb(156,151,123)
-
#a59d72
#a59d72
rgb(165,157,114)
-
#aea369
#aea369
rgb(174,163,105)
-
#b7a860
#b7a860
rgb(183,168,96)
-
#c0ae57
#c0ae57
rgb(192,174,87)
-
#c9b44e
#c9b44e
rgb(201,180,78)
-
#d1ba46
#d1ba46
rgb(209,186,70)
-
#dac03d
#dac03d
rgb(218,192,61)
-
#e3c634
#e3c634
rgb(227,198,52)
-
#eccc2b
#eccc2b
rgb(236,204,43)
-
#f5d222
#f5d222
rgb(245,210,34)
-
#fed819
#fed819
rgb(254,216,25)
Color Blindness Simulator
Below, you can see how #f5d222 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.