#f2f222 Color Information
In a RGB color space, hex #f2f222 is composed of 94.9% red, 94.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 86% yellow and 5.1% black. It has a hue angle of 60 degrees, a saturation of 88.9% and a lightness of 54.1%. #f2f222 color hex could be obtained by blending #ffff44 with #e5e500. Closest websafe color is: #ffff33.
-
- R 95
- G 95
- B 13
-
- C 0
- M 0
- Y 86
- K 5
● #f2f222 color description : Vivid yellow.
#f2f222 Color Conversion
The hexadecimal color #f2f222 has RGB values of R:242, G:242, B:34 and CMYK values of C:0, M:0, Y:0.86, K:0.05. Its decimal value is 15921698.
Hex triplet | f2f222 | #f2f222 |
---|---|---|
RGB Decimal | 242, 242, 34 | rgb(242,242,34) |
RGB Percent | 94.9, 94.9, 13.3 | rgb(94.9%,94.9%,13.3%) |
CMYK | 0, 0, 86, 5 | |
HSL | 60°, 88.9, 54.1 | hsl(60,88.9%,54.1%) |
HSV (or HSB) | 60°, 86, 94.9 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 92.794, -20.31, 87.065 |
---|---|
XYZ | 68.659, 82.498, 13.82 |
xyY | 0.416, 0.5, 82.498 |
CIE-LCH | 92.794, 89.402, 103.131 |
CIE-LUV | 92.794, 7.187, 99.684 |
Hunter-Lab | 90.829, -24.018, 54.558 |
Binary | 11110010, 11110010, 00100010 |
Color Schemes with #f2f222
Alternatives to #f2f222
Below, you can see some colors close to #f2f222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f222 Preview
This text has a font color of #f2f222.
<span style="color:#f2f222;">Text here</span>
This paragraph has a background color of #f2f222.
<p style="background-color:#f2f222;">Content here</p>
This element has a border color of #f2f222.
<div style="border:1px solid #f2f222;">Content here</div>
.text {color:#f2f222;}
.background {background-color:#f2f222;}
.border {border:1px solid #f2f222;}
Shades and Tints of #f2f222
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, #010100 is the darkest color, while #fefeee is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#141401
#141401
rgb(20,20,1)
-
#262602
#262602
rgb(38,38,2)
-
#393903
#393903
rgb(57,57,3)
-
#4b4b04
#4b4b04
rgb(75,75,4)
-
#5e5e06
#5e5e06
rgb(94,94,6)
-
#707007
#707007
rgb(112,112,7)
-
#838308
#838308
rgb(131,131,8)
-
#969609
#969609
rgb(150,150,9)
-
#a8a80a
#a8a80a
rgb(168,168,10)
-
#bbbb0b
#bbbb0b
rgb(187,187,11)
-
#cdcd0c
#cdcd0c
rgb(205,205,12)
-
#e0e00d
#e0e00d
rgb(224,224,13)
-
#f1f10f
#f1f10f
rgb(241,241,15)
-
#f2f222
#f2f222
rgb(242,242,34)
-
#f3f335
#f3f335
rgb(243,243,53)
-
#f4f447
#f4f447
rgb(244,244,71)
-
#f5f55a
#f5f55a
rgb(245,245,90)
-
#f6f66c
#f6f66c
rgb(246,246,108)
-
#f7f77f
#f7f77f
rgb(247,247,127)
-
#f9f991
#f9f991
rgb(249,249,145)
-
#fafaa4
#fafaa4
rgb(250,250,164)
-
#fbfbb6
#fbfbb6
rgb(251,251,182)
-
#fcfcc9
#fcfcc9
rgb(252,252,201)
-
#fdfddb
#fdfddb
rgb(253,253,219)
-
#fefeee
#fefeee
rgb(254,254,238)
Tones of #f2f222
A tone is produced by adding gray to any pure hue. In this case, #8f8f85 is the less saturated color, while #fbfb19 is the most saturated one.
-
#8f8f85
#8f8f85
rgb(143,143,133)
-
#98987c
#98987c
rgb(152,152,124)
-
#a1a173
#a1a173
rgb(161,161,115)
-
#aaaa6a
#aaaa6a
rgb(170,170,106)
-
#b3b361
#b3b361
rgb(179,179,97)
-
#bcbc58
#bcbc58
rgb(188,188,88)
-
#c5c54f
#c5c54f
rgb(197,197,79)
-
#cece46
#cece46
rgb(206,206,70)
-
#d7d73d
#d7d73d
rgb(215,215,61)
-
#e0e034
#e0e034
rgb(224,224,52)
-
#e9e92b
#e9e92b
rgb(233,233,43)
-
#f2f222
#f2f222
rgb(242,242,34)
-
#fbfb19
#fbfb19
rgb(251,251,25)
Color Blindness Simulator
Below, you can see how #f2f222 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.