#f2f7fb Color Information
In a RGB color space, hex #f2f7fb is composed of 94.9% red, 96.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 1.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 206.7 degrees, a saturation of 52.9% and a lightness of 96.7%. #f2f7fb color hex could be obtained by blending #ffffff with #e5eff7. Closest websafe color is: #ffffff.
-
- R 95
- G 97
- B 98
-
- C 4
- M 2
- Y 0
- K 2
● #f2f7fb color description : Light grayish blue.
#f2f7fb Color Conversion
The hexadecimal color #f2f7fb has RGB values of R:242, G:247, B:251 and CMYK values of C:0.04, M:0.02, Y:0, K:0.02. Its decimal value is 15923195.
Hex triplet | f2f7fb | #f2f7fb |
---|---|---|
RGB Decimal | 242, 247, 251 | rgb(242,247,251) |
RGB Percent | 94.9, 96.9, 98.4 | rgb(94.9%,96.9%,98.4%) |
CMYK | 4, 2, 0, 2 | |
HSL | 206.7°, 52.9, 96.7 | hsl(206.7,52.9%,96.7%) |
HSV (or HSB) | 206.7°, 3.6, 98.4 | |
Web Safe | ffffff | #ffffff |
CIE-LAB | 96.969, -0.928, -2.5 |
---|---|
XYZ | 87.288, 92.363, 104.491 |
xyY | 0.307, 0.325, 92.363 |
CIE-LCH | 96.969, 2.667, 249.646 |
CIE-LUV | 96.969, -2.987, -3.724 |
Hunter-Lab | 96.106, -6.063, 2.811 |
Binary | 11110010, 11110111, 11111011 |
Color Schemes with #f2f7fb
Alternatives to #f2f7fb
Below, you can see some colors close to #f2f7fb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f7fb Preview
This text has a font color of #f2f7fb.
<span style="color:#f2f7fb;">Text here</span>
This paragraph has a background color of #f2f7fb.
<p style="background-color:#f2f7fb;">Content here</p>
This element has a border color of #f2f7fb.
<div style="border:1px solid #f2f7fb;">Content here</div>
.text {color:#f2f7fb;}
.background {background-color:#f2f7fb;}
.border {border:1px solid #f2f7fb;}
Shades and Tints of #f2f7fb
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, #010102 is the darkest color, while #f2f7fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050c11
#050c11
rgb(5,12,17)
-
#0a1620
#0a1620
rgb(10,22,32)
-
#0e212f
#0e212f
rgb(14,33,47)
-
#132b3e
#132b3e
rgb(19,43,62)
-
#18354d
#18354d
rgb(24,53,77)
-
#1c405c
#1c405c
rgb(28,64,92)
-
#214a6b
#214a6b
rgb(33,74,107)
-
#26547a
#26547a
rgb(38,84,122)
-
#2a5f89
#2a5f89
rgb(42,95,137)
-
#2f6998
#2f6998
rgb(47,105,152)
-
#3374a7
#3374a7
rgb(51,116,167)
-
#387eb6
#387eb6
rgb(56,126,182)
-
#3e88c4
#3e88c4
rgb(62,136,196)
-
#4d91c8
#4d91c8
rgb(77,145,200)
-
#5c9bcd
#5c9bcd
rgb(92,155,205)
-
#6ba4d1
#6ba4d1
rgb(107,164,209)
-
#7aadd6
#7aadd6
rgb(122,173,214)
-
#89b6db
#89b6db
rgb(137,182,219)
-
#98c0df
#98c0df
rgb(152,192,223)
-
#a7c9e4
#a7c9e4
rgb(167,201,228)
-
#b6d2e9
#b6d2e9
rgb(182,210,233)
-
#c5dbed
#c5dbed
rgb(197,219,237)
-
#d4e5f2
#d4e5f2
rgb(212,229,242)
-
#e3eef6
#e3eef6
rgb(227,238,246)
-
#f2f7fb
#f2f7fb
rgb(242,247,251)
Tones of #f2f7fb
A tone is produced by adding gray to any pure hue. In this case, #f6f7f7 is the less saturated color, while #eef7ff is the most saturated one.
-
#f6f7f7
#f6f7f7
rgb(246,247,247)
-
#f5f7f8
#f5f7f8
rgb(245,247,248)
-
#f5f7f8
#f5f7f8
rgb(245,247,248)
-
#f4f7f9
#f4f7f9
rgb(244,247,249)
-
#f3f7fa
#f3f7fa
rgb(243,247,250)
-
#f3f7fa
#f3f7fa
rgb(243,247,250)
-
#f2f7fb
#f2f7fb
rgb(242,247,251)
-
#f1f7fc
#f1f7fc
rgb(241,247,252)
-
#f1f7fc
#f1f7fc
rgb(241,247,252)
-
#f0f7fd
#f0f7fd
rgb(240,247,253)
-
#eff7fe
#eff7fe
rgb(239,247,254)
-
#eff7fe
#eff7fe
rgb(239,247,254)
-
#eef7ff
#eef7ff
rgb(238,247,255)
Color Blindness Simulator
Below, you can see how #f2f7fb 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.