#f2f620 Color Information
In a RGB color space, hex #f2f620 is composed of 94.9% red, 96.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0% magenta, 87% yellow and 3.5% black. It has a hue angle of 61.1 degrees, a saturation of 92.2% and a lightness of 54.5%. #f2f620 color hex could be obtained by blending #ffff40 with #e5ed00. Closest websafe color is: #ffff33.
-
- R 95
- G 96
- B 13
-
- C 2
- M 0
- Y 87
- K 4
● #f2f620 color description : Vivid yellow.
#f2f620 Color Conversion
The hexadecimal color #f2f620 has RGB values of R:242, G:246, B:32 and CMYK values of C:0.02, M:0, Y:0.87, K:0.04. Its decimal value is 15922720.
Hex triplet | f2f620 | #f2f620 |
---|---|---|
RGB Decimal | 242, 246, 32 | rgb(242,246,32) |
RGB Percent | 94.9, 96.5, 12.5 | rgb(94.9%,96.5%,12.5%) |
CMYK | 2, 0, 87, 4 | |
HSL | 61.1°, 92.2, 54.5 | hsl(61.1,92.2%,54.5%) |
HSV (or HSB) | 61.1°, 87, 96.5 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 93.837, -22.26, 88.252 |
---|---|
XYZ | 69.835, 84.894, 14.074 |
xyY | 0.414, 0.503, 84.894 |
CIE-LCH | 93.837, 91.016, 104.157 |
CIE-LUV | 93.837, 4.611, 101.416 |
Hunter-Lab | 92.138, -25.95, 55.44 |
Binary | 11110010, 11110110, 00100000 |
Color Schemes with #f2f620
Alternatives to #f2f620
Below, you can see some colors close to #f2f620. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f620 Preview
This text has a font color of #f2f620.
<span style="color:#f2f620;">Text here</span>
This paragraph has a background color of #f2f620.
<p style="background-color:#f2f620;">Content here</p>
This element has a border color of #f2f620.
<div style="border:1px solid #f2f620;">Content here</div>
.text {color:#f2f620;}
.background {background-color:#f2f620;}
.border {border:1px solid #f2f620;}
Shades and Tints of #f2f620
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, #030300 is the darkest color, while #fefeef is the lightest one.
-
#030300
#030300
rgb(3,3,0)
-
#161601
#161601
rgb(22,22,1)
-
#282902
#282902
rgb(40,41,2)
-
#3b3c02
#3b3c02
rgb(59,60,2)
-
#4d4f03
#4d4f03
rgb(77,79,3)
-
#606204
#606204
rgb(96,98,4)
-
#727405
#727405
rgb(114,116,5)
-
#858705
#858705
rgb(133,135,5)
-
#979a06
#979a06
rgb(151,154,6)
-
#aaad07
#aaad07
rgb(170,173,7)
-
#bcc008
#bcc008
rgb(188,192,8)
-
#cfd309
#cfd309
rgb(207,211,9)
-
#e1e609
#e1e609
rgb(225,230,9)
-
#f1f50d
#f1f50d
rgb(241,245,13)
-
#f2f620
#f2f620
rgb(242,246,32)
-
#f3f733
#f3f733
rgb(243,247,51)
-
#f4f846
#f4f846
rgb(244,248,70)
-
#f5f859
#f5f859
rgb(245,248,89)
-
#f6f96b
#f6f96b
rgb(246,249,107)
-
#f7fa7e
#f7fa7e
rgb(247,250,126)
-
#f9fb91
#f9fb91
rgb(249,251,145)
-
#fafba4
#fafba4
rgb(250,251,164)
-
#fbfcb7
#fbfcb7
rgb(251,252,183)
-
#fcfdca
#fcfdca
rgb(252,253,202)
-
#fdfedd
#fdfedd
rgb(253,254,221)
-
#fefeef
#fefeef
rgb(254,254,239)
Tones of #f2f620
A tone is produced by adding gray to any pure hue. In this case, #949482 is the less saturated color, while #fbff17 is the most saturated one.
-
#949482
#949482
rgb(148,148,130)
-
#9c9d79
#9c9d79
rgb(156,157,121)
-
#a5a670
#a5a670
rgb(165,166,112)
-
#adaf67
#adaf67
rgb(173,175,103)
-
#b6b85e
#b6b85e
rgb(182,184,94)
-
#bec056
#bec056
rgb(190,192,86)
-
#c7c94d
#c7c94d
rgb(199,201,77)
-
#d0d244
#d0d244
rgb(208,210,68)
-
#d8db3b
#d8db3b
rgb(216,219,59)
-
#e1e432
#e1e432
rgb(225,228,50)
-
#e9ed29
#e9ed29
rgb(233,237,41)
-
#f2f620
#f2f620
rgb(242,246,32)
-
#fbff17
#fbff17
rgb(251,255,23)
Color Blindness Simulator
Below, you can see how #f2f620 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.