#f2f7fa color information
In a RGB color space, hex #f2f7fa is composed of 94.9% red, 96.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 1.2% magenta, 0% yellow and 2% black. It has a hue angle of 202.5 degrees, a saturation of 44.4% and a lightness of 96.5%. #f2f7fa color hex could be obtained by blending #ffffff with #e5eff5. Closest websafe color is: #ffffff.
#f2f7fa color conversion
The hexadecimal color #f2f7fa has RGB values of R:242, G:247, B:250 and CMYK values of C:0.03, M:0.01, Y:0, K:0.02. Its decimal value is 15923194.
- Hex triplet f2f7fa
#f2f7fa - RGB Decimal 242, 247, 250
rgb(242,247,250) - RGB Percent 94.9, 96.9, 98
rgb(94.9%,96.9%,98%) - CMYK 3, 1, 0, 2
- HSL 202.5°, 44.4, 96.5
hsl(203,44%,96%) - HSV (or HSB) 202.5°, 3.2, 98
- Web Safe ffffff
#ffffff
- CIE-LAB 96.943, -1.109, -2.022
- XYZ 87.131, 92.301, 103.663
- xyY 0.308, 0.326, 92.301
- CIE-LCH 96.943, 2.306, 241.256
- CIE-LUV 96.943, -2.935, -2.944
- Hunter-Lab 96.073, -6.243, 3.277
- Binary 11110010, 11110111, 11111010
Color Schemes with #f2f7fa
#f2f7fa in action
This text has a font color of #f2f7fa.
<span style="color:#f2f7fa;">Text here</span>
This paragraph has a background color of #f2f7fa.
<p style="background-color:#f2f7fa;">Content here</p>
This element has a border color of #f2f7fa.
<div style="border:1px solid #f2f7fa;">Content here</div>
.text {color:#f2f7fa;}
.background {background-color:#f2f7fa;}
.border {border:1px solid #f2f7fa;}
Shades of #f2f7fa
- #060c0f #060c0f
rgb(6,12,15) - #11222c #11222c
rgb(17,34,44) - #1c3748 #1c3748
rgb(28,55,72) - #274d64 #274d64
rgb(39,77,100) - #316381 #316381
rgb(49,99,129) - #3c799d #3c799d
rgb(60,121,157) - #488eb9 #488eb9
rgb(72,142,185) - #64a0c4 #64a0c4
rgb(100,160,196) - #81b1ce #81b1ce
rgb(129,177,206) - #9dc3d9 #9dc3d9
rgb(157,195,217) - #b9d4e4 #b9d4e4
rgb(185,212,228) - #d6e6ef #d6e6ef
rgb(214,230,239) - #f2f7fa #f2f7fa
rgb(242,247,250)
Color Blindness Simulator
Below, you can see how #f2f7fa 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.
