#f2f2fb Color Information
In a RGB color space, hex #f2f2fb is composed of 94.9% red, 94.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 3.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 240 degrees, a saturation of 52.9% and a lightness of 96.7%. #f2f2fb color hex could be obtained by blending #ffffff with #e5e5f7. Closest websafe color is: #ffffff.
-
- R 95
- G 95
- B 98
-
- C 4
- M 4
- Y 0
- K 2
● #f2f2fb color description : Light grayish blue.
#f2f2fb Color Conversion
The hexadecimal color #f2f2fb has RGB values of R:242, G:242, B:251 and CMYK values of C:0.04, M:0.04, Y:0, K:0.02. Its decimal value is 15921915.
Hex triplet | f2f2fb | #f2f2fb |
---|---|---|
RGB Decimal | 242, 242, 251 | rgb(242,242,251) |
RGB Percent | 94.9, 94.9, 98.4 | rgb(94.9%,94.9%,98.4%) |
CMYK | 4, 4, 0, 2 | |
HSL | 240°, 52.9, 96.7 | hsl(240,52.9%,96.7%) |
HSV (or HSB) | 240°, 3.6, 98.4 | |
Web Safe | ffffff | #ffffff |
CIE-LAB | 95.725, 1.617, -4.328 |
---|---|
XYZ | 85.779, 89.346, 103.988 |
xyY | 0.307, 0.32, 89.346 |
CIE-LCH | 95.725, 4.62, 290.49 |
CIE-LUV | 95.725, -0.513, -7.033 |
Hunter-Lab | 94.523, -3.428, 0.939 |
Binary | 11110010, 11110010, 11111011 |
Color Schemes with #f2f2fb
Alternatives to #f2f2fb
Below, you can see some colors close to #f2f2fb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f2fb Preview
This text has a font color of #f2f2fb.
<span style="color:#f2f2fb;">Text here</span>
This paragraph has a background color of #f2f2fb.
<p style="background-color:#f2f2fb;">Content here</p>
This element has a border color of #f2f2fb.
<div style="border:1px solid #f2f2fb;">Content here</div>
.text {color:#f2f2fb;}
.background {background-color:#f2f2fb;}
.border {border:1px solid #f2f2fb;}
Shades and Tints of #f2f2fb
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 #f2f2fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050511
#050511
rgb(5,5,17)
-
#0a0a20
#0a0a20
rgb(10,10,32)
-
#0e0e2f
#0e0e2f
rgb(14,14,47)
-
#13133e
#13133e
rgb(19,19,62)
-
#18184d
#18184d
rgb(24,24,77)
-
#1c1c5c
#1c1c5c
rgb(28,28,92)
-
#21216b
#21216b
rgb(33,33,107)
-
#26267a
#26267a
rgb(38,38,122)
-
#2a2a89
#2a2a89
rgb(42,42,137)
-
#2f2f98
#2f2f98
rgb(47,47,152)
-
#3333a7
#3333a7
rgb(51,51,167)
-
#3838b6
#3838b6
rgb(56,56,182)
-
#3e3ec4
#3e3ec4
rgb(62,62,196)
-
#4d4dc8
#4d4dc8
rgb(77,77,200)
-
#5c5ccd
#5c5ccd
rgb(92,92,205)
-
#6b6bd1
#6b6bd1
rgb(107,107,209)
-
#7a7ad6
#7a7ad6
rgb(122,122,214)
-
#8989db
#8989db
rgb(137,137,219)
-
#9898df
#9898df
rgb(152,152,223)
-
#a7a7e4
#a7a7e4
rgb(167,167,228)
-
#b6b6e9
#b6b6e9
rgb(182,182,233)
-
#c5c5ed
#c5c5ed
rgb(197,197,237)
-
#d4d4f2
#d4d4f2
rgb(212,212,242)
-
#e3e3f6
#e3e3f6
rgb(227,227,246)
-
#f2f2fb
#f2f2fb
rgb(242,242,251)
Tones of #f2f2fb
A tone is produced by adding gray to any pure hue. In this case, #f6f6f7 is the less saturated color, while #eeeeff is the most saturated one.
-
#f6f6f7
#f6f6f7
rgb(246,246,247)
-
#f5f5f8
#f5f5f8
rgb(245,245,248)
-
#f5f5f8
#f5f5f8
rgb(245,245,248)
-
#f4f4f9
#f4f4f9
rgb(244,244,249)
-
#f3f3fa
#f3f3fa
rgb(243,243,250)
-
#f3f3fa
#f3f3fa
rgb(243,243,250)
-
#f2f2fb
#f2f2fb
rgb(242,242,251)
-
#f1f1fc
#f1f1fc
rgb(241,241,252)
-
#f1f1fc
#f1f1fc
rgb(241,241,252)
-
#f0f0fd
#f0f0fd
rgb(240,240,253)
-
#efeffe
#efeffe
rgb(239,239,254)
-
#efeffe
#efeffe
rgb(239,239,254)
-
#eeeeff
#eeeeff
rgb(238,238,255)
Color Blindness Simulator
Below, you can see how #f2f2fb 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.