#f2f4f7 Color Information
In a RGB color space, hex #f2f4f7 is composed of 94.9% red, 95.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 1.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 216 degrees, a saturation of 23.8% and a lightness of 95.9%. #f2f4f7 color hex could be obtained by blending #ffffff with #e5e9ef. Closest websafe color is: #ffffff.
-
- R 95
- G 96
- B 97
-
- C 2
- M 1
- Y 0
- K 3
● #f2f4f7 color description : Light grayish blue.
#f2f4f7 Color Conversion
The hexadecimal color #f2f4f7 has RGB values of R:242, G:244, B:247 and CMYK values of C:0.02, M:0.01, Y:0, K:0.03. Its decimal value is 15922423.
Hex triplet | f2f4f7 | #f2f4f7 |
---|---|---|
RGB Decimal | 242, 244, 247 | rgb(242,244,247) |
RGB Percent | 94.9, 95.7, 96.9 | rgb(94.9%,95.7%,96.9%) |
CMYK | 2, 1, 0, 3 | |
HSL | 216°, 23.8, 95.9 | hsl(216,23.8%,95.9%) |
HSV (or HSB) | 216°, 2, 96.9 | |
Web Safe | ffffff | #ffffff |
CIE-LAB | 96.119, -0.127, -1.681 |
---|---|
XYZ | 85.754, 90.294, 100.901 |
xyY | 0.31, 0.326, 90.294 |
CIE-LCH | 96.119, 1.685, 265.683 |
CIE-LUV | 96.119, -1.285, -2.583 |
Hunter-Lab | 95.023, -5.202, 3.558 |
Binary | 11110010, 11110100, 11110111 |
Color Schemes with #f2f4f7
Alternatives to #f2f4f7
Below, you can see some colors close to #f2f4f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f4f7 Preview
This text has a font color of #f2f4f7.
<span style="color:#f2f4f7;">Text here</span>
This paragraph has a background color of #f2f4f7.
<p style="background-color:#f2f4f7;">Content here</p>
This element has a border color of #f2f4f7.
<div style="border:1px solid #f2f4f7;">Content here</div>
.text {color:#f2f4f7;}
.background {background-color:#f2f4f7;}
.border {border:1px solid #f2f4f7;}
Shades and Tints of #f2f4f7
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, #07090b is the darkest color, while #fefefe is the lightest one.
-
#07090b
#07090b
rgb(7,9,11)
-
#0e1217
#0e1217
rgb(14,18,23)
-
#161b24
#161b24
rgb(22,27,36)
-
#1d2530
#1d2530
rgb(29,37,48)
-
#252e3c
#252e3c
rgb(37,46,60)
-
#2c3748
#2c3748
rgb(44,55,72)
-
#344154
#344154
rgb(52,65,84)
-
#3b4a60
#3b4a60
rgb(59,74,96)
-
#43536c
#43536c
rgb(67,83,108)
-
#4a5d79
#4a5d79
rgb(74,93,121)
-
#526685
#526685
rgb(82,102,133)
-
#596f91
#596f91
rgb(89,111,145)
-
#61799d
#61799d
rgb(97,121,157)
-
#6c83a5
#6c83a5
rgb(108,131,165)
-
#798dac
#798dac
rgb(121,141,172)
-
#8598b4
#8598b4
rgb(133,152,180)
-
#91a2bb
#91a2bb
rgb(145,162,187)
-
#9dacc3
#9dacc3
rgb(157,172,195)
-
#a9b6ca
#a9b6ca
rgb(169,182,202)
-
#b5c1d2
#b5c1d2
rgb(181,193,210)
-
#c1cbd9
#c1cbd9
rgb(193,203,217)
-
#ced5e1
#ced5e1
rgb(206,213,225)
-
#dadfe8
#dadfe8
rgb(218,223,232)
-
#e6eaf0
#e6eaf0
rgb(230,234,240)
-
#f2f4f7
#f2f4f7
rgb(242,244,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #f2f4f7
A tone is produced by adding gray to any pure hue. In this case, #f4f4f5 is the less saturated color, while #ebf3fe is the most saturated one.
-
#f4f4f5
#f4f4f5
rgb(244,244,245)
-
#f4f4f5
#f4f4f5
rgb(244,244,245)
-
#f3f4f6
#f3f4f6
rgb(243,244,246)
-
#f2f4f7
#f2f4f7
rgb(242,244,247)
-
#f1f4f8
#f1f4f8
rgb(241,244,248)
-
#f0f4f9
#f0f4f9
rgb(240,244,249)
-
#f0f4f9
#f0f4f9
rgb(240,244,249)
-
#eff3fa
#eff3fa
rgb(239,243,250)
-
#eef3fb
#eef3fb
rgb(238,243,251)
-
#edf3fc
#edf3fc
rgb(237,243,252)
-
#ecf3fd
#ecf3fd
rgb(236,243,253)
-
#ecf3fd
#ecf3fd
rgb(236,243,253)
-
#ebf3fe
#ebf3fe
rgb(235,243,254)
Color Blindness Simulator
Below, you can see how #f2f4f7 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.