#f2f396 Color Information
In a RGB color space, hex #f2f396 is composed of 94.9% red, 95.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 0% magenta, 38.3% yellow and 4.7% black. It has a hue angle of 60.6 degrees, a saturation of 79.5% and a lightness of 77.1%. #f2f396 color hex could be obtained by blending #ffffff with #e5e72d. Closest websafe color is: #ffff99.
-
- R 95
- G 95
- B 59
-
- C 0
- M 0
- Y 38
- K 5
● #f2f396 color description : Very soft yellow.
#f2f396 Color Conversion
The hexadecimal color #f2f396 has RGB values of R:242, G:243, B:150 and CMYK values of C:0, M:0, Y:0.38, K:0.05. Its decimal value is 15922070.
Hex triplet | f2f396 | #f2f396 |
---|---|---|
RGB Decimal | 242, 243, 150 | rgb(242,243,150) |
RGB Percent | 94.9, 95.3, 58.8 | rgb(94.9%,95.3%,58.8%) |
CMYK | 0, 0, 38, 5 | |
HSL | 60.6°, 79.5, 77.1 | hsl(60.6,79.5%,77.1%) |
HSV (or HSB) | 60.6°, 38.3, 95.3 | |
Web Safe | ffff99 | #ffff99 |
CIE-LAB | 93.961, -13.638, 44.712 |
---|---|
XYZ | 74.173, 85.181, 41.387 |
xyY | 0.369, 0.424, 85.181 |
CIE-LCH | 93.961, 46.745, 106.962 |
CIE-LUV | 93.961, 3.864, 62.349 |
Hunter-Lab | 92.294, -18.061, 38.018 |
Binary | 11110010, 11110011, 10010110 |
Color Schemes with #f2f396
Alternatives to #f2f396
Below, you can see some colors close to #f2f396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f396 Preview
This text has a font color of #f2f396.
<span style="color:#f2f396;">Text here</span>
This paragraph has a background color of #f2f396.
<p style="background-color:#f2f396;">Content here</p>
This element has a border color of #f2f396.
<div style="border:1px solid #f2f396;">Content here</div>
.text {color:#f2f396;}
.background {background-color:#f2f396;}
.border {border:1px solid #f2f396;}
Shades and Tints of #f2f396
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 #fdfdee is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#121202
#121202
rgb(18,18,2)
-
#232404
#232404
rgb(35,36,4)
-
#353506
#353506
rgb(53,53,6)
-
#464708
#464708
rgb(70,71,8)
-
#58590a
#58590a
rgb(88,89,10)
-
#696a0c
#696a0c
rgb(105,106,12)
-
#7b7c0e
#7b7c0e
rgb(123,124,14)
-
#8c8d10
#8c8d10
rgb(140,141,16)
-
#9e9f12
#9e9f12
rgb(158,159,18)
-
#afb114
#afb114
rgb(175,177,20)
-
#c0c216
#c0c216
rgb(192,194,22)
-
#d2d418
#d2d418
rgb(210,212,24)
-
#e3e51b
#e3e51b
rgb(227,229,27)
-
#e5e72c
#e5e72c
rgb(229,231,44)
-
#e7e93e
#e7e93e
rgb(231,233,62)
-
#e9eb50
#e9eb50
rgb(233,235,80)
-
#ebed61
#ebed61
rgb(235,237,97)
-
#eeef73
#eeef73
rgb(238,239,115)
-
#f0f184
#f0f184
rgb(240,241,132)
-
#f2f396
#f2f396
rgb(242,243,150)
-
#f4f5a8
#f4f5a8
rgb(244,245,168)
-
#f6f7b9
#f6f7b9
rgb(246,247,185)
-
#f9f9cb
#f9f9cb
rgb(249,249,203)
-
#fbfbdc
#fbfbdc
rgb(251,251,220)
-
#fdfdee
#fdfdee
rgb(253,253,238)
Tones of #f2f396
A tone is produced by adding gray to any pure hue. In this case, #c6c6c3 is the less saturated color, while #fbfc8d is the most saturated one.
-
#c6c6c3
#c6c6c3
rgb(198,198,195)
-
#cacbbf
#cacbbf
rgb(202,203,191)
-
#cfcfba
#cfcfba
rgb(207,207,186)
-
#d3d4b6
#d3d4b6
rgb(211,212,182)
-
#d8d8b1
#d8d8b1
rgb(216,216,177)
-
#dcddad
#dcddad
rgb(220,221,173)
-
#e0e1a8
#e0e1a8
rgb(224,225,168)
-
#e5e6a4
#e5e6a4
rgb(229,230,164)
-
#e9ea9f
#e9ea9f
rgb(233,234,159)
-
#eeef9b
#eeef9b
rgb(238,239,155)
-
#f2f396
#f2f396
rgb(242,243,150)
-
#f6f892
#f6f892
rgb(246,248,146)
-
#fbfc8d
#fbfc8d
rgb(251,252,141)
Color Blindness Simulator
Below, you can see how #f2f396 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.