#f2f36c Color Information
In a RGB color space, hex #f2f36c is composed of 94.9% red, 95.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 0% magenta, 55.6% yellow and 4.7% black. It has a hue angle of 60.4 degrees, a saturation of 84.9% and a lightness of 68.8%. #f2f36c color hex could be obtained by blending #ffffd8 with #e5e700. Closest websafe color is: #ffff66.
-
- R 95
- G 95
- B 42
-
- C 0
- M 0
- Y 56
- K 5
● #f2f36c color description : Soft yellow.
#f2f36c Color Conversion
The hexadecimal color #f2f36c has RGB values of R:242, G:243, B:108 and CMYK values of C:0, M:0, Y:0.56, K:0.05. Its decimal value is 15922028.
Hex triplet | f2f36c | #f2f36c |
---|---|---|
RGB Decimal | 242, 243, 108 | rgb(242,243,108) |
RGB Percent | 94.9, 95.3, 42.4 | rgb(94.9%,95.3%,42.4%) |
CMYK | 0, 0, 56, 5 | |
HSL | 60.4°, 84.9, 68.8 | hsl(60.4,84.9%,68.8%) |
HSV (or HSB) | 60.4°, 55.6, 95.3 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 93.477, -17.415, 63.645 |
---|---|
XYZ | 71.375, 84.062, 26.652 |
xyY | 0.392, 0.462, 84.062 |
CIE-LCH | 93.477, 65.985, 105.303 |
CIE-LUV | 93.477, 5.247, 81.869 |
Hunter-Lab | 91.685, -21.491, 46.945 |
Binary | 11110010, 11110011, 01101100 |
Color Schemes with #f2f36c
Alternatives to #f2f36c
Below, you can see some colors close to #f2f36c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f36c Preview
This text has a font color of #f2f36c.
<span style="color:#f2f36c;">Text here</span>
This paragraph has a background color of #f2f36c.
<p style="background-color:#f2f36c;">Content here</p>
This element has a border color of #f2f36c.
<div style="border:1px solid #f2f36c;">Content here</div>
.text {color:#f2f36c;}
.background {background-color:#f2f36c;}
.border {border:1px solid #f2f36c;}
Shades and Tints of #f2f36c
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, #101001 is the darkest color, while #fffffd is the lightest one.
-
#101001
#101001
rgb(16,16,1)
-
#222203
#222203
rgb(34,34,3)
-
#343404
#343404
rgb(52,52,4)
-
#464706
#464706
rgb(70,71,6)
-
#585907
#585907
rgb(88,89,7)
-
#6a6b09
#6a6b09
rgb(106,107,9)
-
#7c7d0a
#7c7d0a
rgb(124,125,10)
-
#8e8f0c
#8e8f0c
rgb(142,143,12)
-
#a0a10d
#a0a10d
rgb(160,161,13)
-
#b2b30f
#b2b30f
rgb(178,179,15)
-
#c4c610
#c4c610
rgb(196,198,16)
-
#d6d812
#d6d812
rgb(214,216,18)
-
#e8ea13
#e8ea13
rgb(232,234,19)
-
#eced23
#eced23
rgb(236,237,35)
-
#edef36
#edef36
rgb(237,239,54)
-
#eff048
#eff048
rgb(239,240,72)
-
#f0f25a
#f0f25a
rgb(240,242,90)
-
#f2f36c
#f2f36c
rgb(242,243,108)
-
#f4f47e
#f4f47e
rgb(244,244,126)
-
#f5f690
#f5f690
rgb(245,246,144)
-
#f7f7a2
#f7f7a2
rgb(247,247,162)
-
#f8f9b5
#f8f9b5
rgb(248,249,181)
-
#fafac7
#fafac7
rgb(250,250,199)
-
#fcfcd9
#fcfcd9
rgb(252,252,217)
-
#fdfdeb
#fdfdeb
rgb(253,253,235)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #f2f36c
A tone is produced by adding gray to any pure hue. In this case, #b0b0af is the less saturated color, while #f8f966 is the most saturated one.
-
#b0b0af
#b0b0af
rgb(176,176,175)
-
#b6b6a9
#b6b6a9
rgb(182,182,169)
-
#bcbca3
#bcbca3
rgb(188,188,163)
-
#c2c29d
#c2c29d
rgb(194,194,157)
-
#c8c897
#c8c897
rgb(200,200,151)
-
#cece91
#cece91
rgb(206,206,145)
-
#d4d48b
#d4d48b
rgb(212,212,139)
-
#dadb84
#dadb84
rgb(218,219,132)
-
#e0e17e
#e0e17e
rgb(224,225,126)
-
#e6e778
#e6e778
rgb(230,231,120)
-
#eced72
#eced72
rgb(236,237,114)
-
#f2f36c
#f2f36c
rgb(242,243,108)
-
#f8f966
#f8f966
rgb(248,249,102)
Color Blindness Simulator
Below, you can see how #f2f36c 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.