#f2f456 Color Information
In a RGB color space, hex #f2f456 is composed of 94.9% red, 95.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 0% magenta, 64.8% yellow and 4.3% black. It has a hue angle of 60.8 degrees, a saturation of 87.8% and a lightness of 64.7%. #f2f456 color hex could be obtained by blending #ffffac with #e5e900. Closest websafe color is: #ffff66.
-
- R 95
- G 96
- B 34
-
- C 1
- M 0
- Y 65
- K 4
● #f2f456 color description : Soft yellow.
#f2f456 Color Conversion
The hexadecimal color #f2f456 has RGB values of R:242, G:244, B:86 and CMYK values of C:0.01, M:0, Y:0.65, K:0.04. Its decimal value is 15922262.
Hex triplet | f2f456 | #f2f456 |
---|---|---|
RGB Decimal | 242, 244, 86 | rgb(242,244,86) |
RGB Percent | 94.9, 95.7, 33.7 | rgb(94.9%,95.7%,33.7%) |
CMYK | 1, 0, 65, 4 | |
HSL | 60.8°, 87.8, 64.7 | hsl(60.8,87.8%,64.7%) |
HSV (or HSB) | 60.8°, 64.8, 95.7 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 93.56, -19.317, 72.714 |
---|---|
XYZ | 70.648, 84.252, 21.344 |
xyY | 0.401, 0.478, 84.252 |
CIE-LCH | 93.56, 75.237, 104.877 |
CIE-LUV | 93.56, 5.151, 89.858 |
Hunter-Lab | 91.789, -23.242, 50.465 |
Binary | 11110010, 11110100, 01010110 |
Color Schemes with #f2f456
Alternatives to #f2f456
Below, you can see some colors close to #f2f456. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f456 Preview
This text has a font color of #f2f456.
<span style="color:#f2f456;">Text here</span>
This paragraph has a background color of #f2f456.
<p style="background-color:#f2f456;">Content here</p>
This element has a border color of #f2f456.
<div style="border:1px solid #f2f456;">Content here</div>
.text {color:#f2f456;}
.background {background-color:#f2f456;}
.border {border:1px solid #f2f456;}
Shades and Tints of #f2f456
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, #0f0f01 is the darkest color, while #fffffc is the lightest one.
-
#0f0f01
#0f0f01
rgb(15,15,1)
-
#212202
#212202
rgb(33,34,2)
-
#333403
#333403
rgb(51,52,3)
-
#464605
#464605
rgb(70,70,5)
-
#585906
#585906
rgb(88,89,6)
-
#6a6b07
#6a6b07
rgb(106,107,7)
-
#7c7e08
#7c7e08
rgb(124,126,8)
-
#8e9009
#8e9009
rgb(142,144,9)
-
#a1a30b
#a1a30b
rgb(161,163,11)
-
#b3b50c
#b3b50c
rgb(179,181,12)
-
#c5c70d
#c5c70d
rgb(197,199,13)
-
#d7da0e
#d7da0e
rgb(215,218,14)
-
#e9ec0f
#e9ec0f
rgb(233,236,15)
-
#eef01f
#eef01f
rgb(238,240,31)
-
#eff231
#eff231
rgb(239,242,49)
-
#f1f344
#f1f344
rgb(241,243,68)
-
#f2f456
#f2f456
rgb(242,244,86)
-
#f3f568
#f3f568
rgb(243,245,104)
-
#f5f67b
#f5f67b
rgb(245,246,123)
-
#f6f88d
#f6f88d
rgb(246,248,141)
-
#f8f9a0
#f8f9a0
rgb(248,249,160)
-
#f9fab2
#f9fab2
rgb(249,250,178)
-
#fbfbc5
#fbfbc5
rgb(251,251,197)
-
#fcfcd7
#fcfcd7
rgb(252,252,215)
-
#fdfee9
#fdfee9
rgb(253,254,233)
-
#fffffc
#fffffc
rgb(255,255,252)
Tones of #f2f456
A tone is produced by adding gray to any pure hue. In this case, #a8a8a2 is the less saturated color, while #f9fb4f is the most saturated one.
-
#a8a8a2
#a8a8a2
rgb(168,168,162)
-
#afaf9b
#afaf9b
rgb(175,175,155)
-
#b5b694
#b5b694
rgb(181,182,148)
-
#bcbd8d
#bcbd8d
rgb(188,189,141)
-
#c3c486
#c3c486
rgb(195,196,134)
-
#caca80
#caca80
rgb(202,202,128)
-
#d0d179
#d0d179
rgb(208,209,121)
-
#d7d872
#d7d872
rgb(215,216,114)
-
#dedf6b
#dedf6b
rgb(222,223,107)
-
#e5e664
#e5e664
rgb(229,230,100)
-
#ebed5d
#ebed5d
rgb(235,237,93)
-
#f2f456
#f2f456
rgb(242,244,86)
-
#f9fb4f
#f9fb4f
rgb(249,251,79)
Color Blindness Simulator
Below, you can see how #f2f456 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.