#f2f686 Color Information
In a RGB color space, hex #f2f686 is composed of 94.9% red, 96.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0% magenta, 45.5% yellow and 3.5% black. It has a hue angle of 62.1 degrees, a saturation of 86.2% and a lightness of 74.5%. #f2f686 color hex could be obtained by blending #ffffff with #e5ed0d. Closest websafe color is: #ffff99.
-
- R 95
- G 96
- B 53
-
- C 2
- M 0
- Y 46
- K 4
● #f2f686 color description : Soft yellow.
#f2f686 Color Conversion
The hexadecimal color #f2f686 has RGB values of R:242, G:246, B:134 and CMYK values of C:0.02, M:0, Y:0.46, K:0.04. Its decimal value is 15922822.
Hex triplet | f2f686 | #f2f686 |
---|---|---|
RGB Decimal | 242, 246, 134 | rgb(242,246,134) |
RGB Percent | 94.9, 96.5, 52.5 | rgb(94.9%,96.5%,52.5%) |
CMYK | 2, 0, 46, 4 | |
HSL | 62.1°, 86.2, 74.5 | hsl(62.1,86.2%,74.5%) |
HSV (or HSB) | 62.1°, 45.5, 96.5 | |
Web Safe | ffff99 | #ffff99 |
CIE-LAB | 94.53, -16.705, 53.098 |
---|---|
XYZ | 73.876, 86.511, 35.36 |
xyY | 0.377, 0.442, 86.511 |
CIE-LCH | 94.53, 55.664, 107.464 |
CIE-LUV | 94.53, 2.639, 72.003 |
Hunter-Lab | 93.011, -20.992, 42.568 |
Binary | 11110010, 11110110, 10000110 |
Color Schemes with #f2f686
Alternatives to #f2f686
Below, you can see some colors close to #f2f686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f686 Preview
This text has a font color of #f2f686.
<span style="color:#f2f686;">Text here</span>
This paragraph has a background color of #f2f686.
<p style="background-color:#f2f686;">Content here</p>
This element has a border color of #f2f686.
<div style="border:1px solid #f2f686;">Content here</div>
.text {color:#f2f686;}
.background {background-color:#f2f686;}
.border {border:1px solid #f2f686;}
Shades and Tints of #f2f686
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, #070701 is the darkest color, while #fefef4 is the lightest one.
-
#070701
#070701
rgb(7,7,1)
-
#181902
#181902
rgb(24,25,2)
-
#2a2b03
#2a2b03
rgb(42,43,3)
-
#3c3e05
#3c3e05
rgb(60,62,5)
-
#4d5006
#4d5006
rgb(77,80,6)
-
#5f6207
#5f6207
rgb(95,98,7)
-
#717409
#717409
rgb(113,116,9)
-
#82870a
#82870a
rgb(130,135,10)
-
#94990b
#94990b
rgb(148,153,11)
-
#a5ab0d
#a5ab0d
rgb(165,171,13)
-
#b7bd0e
#b7bd0e
rgb(183,189,14)
-
#c9d00f
#c9d00f
rgb(201,208,15)
-
#dae211
#dae211
rgb(218,226,17)
-
#e6ee18
#e6ee18
rgb(230,238,24)
-
#e8ef2b
#e8ef2b
rgb(232,239,43)
-
#eaf13d
#eaf13d
rgb(234,241,61)
-
#ecf24f
#ecf24f
rgb(236,242,79)
-
#eef361
#eef361
rgb(238,243,97)
-
#f0f574
#f0f574
rgb(240,245,116)
-
#f2f686
#f2f686
rgb(242,246,134)
-
#f4f798
#f4f798
rgb(244,247,152)
-
#f6f9ab
#f6f9ab
rgb(246,249,171)
-
#f8fabd
#f8fabd
rgb(248,250,189)
-
#fafbcf
#fafbcf
rgb(250,251,207)
-
#fcfde1
#fcfde1
rgb(252,253,225)
-
#fefef4
#fefef4
rgb(254,254,244)
Tones of #f2f686
A tone is produced by adding gray to any pure hue. In this case, #bfbfbd is the less saturated color, while #f7fb81 is the most saturated one.
-
#bfbfbd
#bfbfbd
rgb(191,191,189)
-
#c4c4b8
#c4c4b8
rgb(196,196,184)
-
#c8c9b3
#c8c9b3
rgb(200,201,179)
-
#cdceae
#cdceae
rgb(205,206,174)
-
#d2d3a9
#d2d3a9
rgb(210,211,169)
-
#d6d8a4
#d6d8a4
rgb(214,216,164)
-
#dbdd9f
#dbdd9f
rgb(219,221,159)
-
#dfe29a
#dfe29a
rgb(223,226,154)
-
#e4e795
#e4e795
rgb(228,231,149)
-
#e9ec90
#e9ec90
rgb(233,236,144)
-
#edf18b
#edf18b
rgb(237,241,139)
-
#f2f686
#f2f686
rgb(242,246,134)
-
#f7fb81
#f7fb81
rgb(247,251,129)
Color Blindness Simulator
Below, you can see how #f2f686 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.