#f0f7fa Color Information
In a RGB color space, hex #f0f7fa is composed of 94.1% red, 96.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 1.2% magenta, 0% yellow and 2% black. It has a hue angle of 198 degrees, a saturation of 50% and a lightness of 96.1%. #f0f7fa color hex could be obtained by blending #ffffff with #e1eff5. Closest websafe color is: #ffffff.
-
- R 94
- G 97
- B 98
-
- C 4
- M 1
- Y 0
- K 2
● #f0f7fa color description : Light grayish blue.
#f0f7fa Color Conversion
The hexadecimal color #f0f7fa has RGB values of R:240, G:247, B:250 and CMYK values of C:0.04, M:0.01, Y:0, K:0.02. Its decimal value is 15792122.
Hex triplet | f0f7fa | #f0f7fa |
---|---|---|
RGB Decimal | 240, 247, 250 | rgb(240,247,250) |
RGB Percent | 94.1, 96.9, 98 | rgb(94.1%,96.9%,98%) |
CMYK | 4, 1, 0, 2 | |
HSL | 198°, 50, 96.1 | hsl(198,50%,96.1%) |
HSV (or HSB) | 198°, 4, 98 | |
Web Safe | ffffff | #ffffff |
CIE-LAB | 96.799, -1.761, -2.25 |
---|---|
XYZ | 86.448, 91.949, 103.631 |
xyY | 0.307, 0.326, 91.949 |
CIE-LCH | 96.799, 2.857, 231.94 |
CIE-LUV | 96.799, -4.026, -3.184 |
Hunter-Lab | 95.89, -6.883, 3.047 |
Binary | 11110000, 11110111, 11111010 |
Color Schemes with #f0f7fa
Alternatives to #f0f7fa
Below, you can see some colors close to #f0f7fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f0f7fa Preview
This text has a font color of #f0f7fa.
<span style="color:#f0f7fa;">Text here</span>
This paragraph has a background color of #f0f7fa.
<p style="background-color:#f0f7fa;">Content here</p>
This element has a border color of #f0f7fa.
<div style="border:1px solid #f0f7fa;">Content here</div>
.text {color:#f0f7fa;}
.background {background-color:#f0f7fa;}
.border {border:1px solid #f0f7fa;}
Shades and Tints of #f0f7fa
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, #050c0e is the darkest color, while #ffffff is the lightest one.
-
#050c0e
#050c0e
rgb(5,12,14)
-
#0a171d
#0a171d
rgb(10,23,29)
-
#0f232c
#0f232c
rgb(15,35,44)
-
#142f3b
#142f3b
rgb(20,47,59)
-
#183b49
#183b49
rgb(24,59,73)
-
#1d4658
#1d4658
rgb(29,70,88)
-
#225267
#225267
rgb(34,82,103)
-
#275e75
#275e75
rgb(39,94,117)
-
#2c6a84
#2c6a84
rgb(44,106,132)
-
#317593
#317593
rgb(49,117,147)
-
#3681a2
#3681a2
rgb(54,129,162)
-
#3b8db0
#3b8db0
rgb(59,141,176)
-
#4099bf
#4099bf
rgb(64,153,191)
-
#4ea1c4
#4ea1c4
rgb(78,161,196)
-
#5da9c9
#5da9c9
rgb(93,169,201)
-
#6cb0ce
#6cb0ce
rgb(108,176,206)
-
#7ab8d3
#7ab8d3
rgb(122,184,211)
-
#89c0d8
#89c0d8
rgb(137,192,216)
-
#98c8dd
#98c8dd
rgb(152,200,221)
-
#a6d0e1
#a6d0e1
rgb(166,208,225)
-
#b5d8e6
#b5d8e6
rgb(181,216,230)
-
#c4dfeb
#c4dfeb
rgb(196,223,235)
-
#d3e7f0
#d3e7f0
rgb(211,231,240)
-
#e1eff5
#e1eff5
rgb(225,239,245)
-
#f0f7fa
#f0f7fa
rgb(240,247,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f0f7fa
A tone is produced by adding gray to any pure hue. In this case, #f5f5f5 is the less saturated color, while #ebf9ff is the most saturated one.
-
#f5f5f5
#f5f5f5
rgb(245,245,245)
-
#f4f5f6
#f4f5f6
rgb(244,245,246)
-
#f3f6f7
#f3f6f7
rgb(243,246,247)
-
#f2f6f8
#f2f6f8
rgb(242,246,248)
-
#f2f6f8
#f2f6f8
rgb(242,246,248)
-
#f1f7f9
#f1f7f9
rgb(241,247,249)
-
#f0f7fa
#f0f7fa
rgb(240,247,250)
-
#eff7fb
#eff7fb
rgb(239,247,251)
-
#eef8fc
#eef8fc
rgb(238,248,252)
-
#eef8fc
#eef8fc
rgb(238,248,252)
-
#edf8fd
#edf8fd
rgb(237,248,253)
-
#ecf9fe
#ecf9fe
rgb(236,249,254)
-
#ebf9ff
#ebf9ff
rgb(235,249,255)
Color Blindness Simulator
Below, you can see how #f0f7fa 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.