#f2f4f6 Color Information
In a RGB color space, hex #f2f4f6 is composed of 94.9% red, 95.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 210 degrees, a saturation of 18.2% and a lightness of 95.7%. #f2f4f6 color hex could be obtained by blending #ffffff with #e5e9ed. Closest websafe color is: #ffffff.
-
- R 95
- G 96
- B 96
-
- C 2
- M 1
- Y 0
- K 4
● #f2f4f6 color description : Light grayish blue.
#f2f4f6 Color Conversion
The hexadecimal color #f2f4f6 has RGB values of R:242, G:244, B:246 and CMYK values of C:0.02, M:0.01, Y:0, K:0.04. Its decimal value is 15922422.
Hex triplet | f2f4f6 | #f2f4f6 |
---|---|---|
RGB Decimal | 242, 244, 246 | rgb(242,244,246) |
RGB Percent | 94.9, 95.7, 96.5 | rgb(94.9%,95.7%,96.5%) |
CMYK | 2, 1, 0, 4 | |
HSL | 210°, 18.2, 95.7 | hsl(210,18.2%,95.7%) |
HSV (or HSB) | 210°, 1.6, 96.5 | |
Web Safe | ffffff | #ffffff |
CIE-LAB | 96.093, -0.306, -1.201 |
---|---|
XYZ | 85.6, 90.232, 100.091 |
xyY | 0.31, 0.327, 90.232 |
CIE-LCH | 96.093, 1.239, 255.695 |
CIE-LUV | 96.093, -1.231, -1.805 |
Hunter-Lab | 94.991, -5.38, 4.02 |
Binary | 11110010, 11110100, 11110110 |
Color Schemes with #f2f4f6
Alternatives to #f2f4f6
Below, you can see some colors close to #f2f4f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f4f6 Preview
This text has a font color of #f2f4f6.
<span style="color:#f2f4f6;">Text here</span>
This paragraph has a background color of #f2f4f6.
<p style="background-color:#f2f4f6;">Content here</p>
This element has a border color of #f2f4f6.
<div style="border:1px solid #f2f4f6;">Content here</div>
.text {color:#f2f4f6;}
.background {background-color:#f2f4f6;}
.border {border:1px solid #f2f4f6;}
Shades and Tints of #f2f4f6
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, #07090a is the darkest color, while #fefefe is the lightest one.
-
#07090a
#07090a
rgb(7,9,10)
-
#0f1216
#0f1216
rgb(15,18,22)
-
#171c21
#171c21
rgb(23,28,33)
-
#1f262d
#1f262d
rgb(31,38,45)
-
#273039
#273039
rgb(39,48,57)
-
#2f3a44
#2f3a44
rgb(47,58,68)
-
#374350
#374350
rgb(55,67,80)
-
#3f4d5b
#3f4d5b
rgb(63,77,91)
-
#475767
#475767
rgb(71,87,103)
-
#4f6173
#4f6173
rgb(79,97,115)
-
#576b7e
#576b7e
rgb(87,107,126)
-
#5f758a
#5f758a
rgb(95,117,138)
-
#677e95
#677e95
rgb(103,126,149)
-
#73889e
#73889e
rgb(115,136,158)
-
#7e92a6
#7e92a6
rgb(126,146,166)
-
#8a9cae
#8a9cae
rgb(138,156,174)
-
#95a6b6
#95a6b6
rgb(149,166,182)
-
#a1afbe
#a1afbe
rgb(161,175,190)
-
#acb9c6
#acb9c6
rgb(172,185,198)
-
#b8c3ce
#b8c3ce
rgb(184,195,206)
-
#c4cdd6
#c4cdd6
rgb(196,205,214)
-
#cfd7de
#cfd7de
rgb(207,215,222)
-
#dbe0e6
#dbe0e6
rgb(219,224,230)
-
#e6eaee
#e6eaee
rgb(230,234,238)
-
#f2f4f6
#f2f4f6
rgb(242,244,246)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #f2f4f6
A tone is produced by adding gray to any pure hue. In this case, #f4f4f4 is the less saturated color, while #eaf4fe is the most saturated one.
-
#f4f4f4
#f4f4f4
rgb(244,244,244)
-
#f3f4f5
#f3f4f5
rgb(243,244,245)
-
#f2f4f6
#f2f4f6
rgb(242,244,246)
-
#f1f4f7
#f1f4f7
rgb(241,244,247)
-
#f0f4f8
#f0f4f8
rgb(240,244,248)
-
#eff4f9
#eff4f9
rgb(239,244,249)
-
#eff4f9
#eff4f9
rgb(239,244,249)
-
#eef4fa
#eef4fa
rgb(238,244,250)
-
#edf4fb
#edf4fb
rgb(237,244,251)
-
#ecf4fc
#ecf4fc
rgb(236,244,252)
-
#ebf4fd
#ebf4fd
rgb(235,244,253)
-
#eaf4fe
#eaf4fe
rgb(234,244,254)
-
#eaf4fe
#eaf4fe
rgb(234,244,254)
Color Blindness Simulator
Below, you can see how #f2f4f6 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.