#f2f2ff Color Information
In a RGB color space, hex #f2f2ff is composed of 94.9% red, 94.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 5.1% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 97.5%. #f2f2ff color hex could be obtained by blending #ffffff with #e5e5ff. Closest websafe color is: #ffffff.
-
- R 95
- G 95
- B 100
-
- C 5
- M 5
- Y 0
- K 0
● #f2f2ff color description : Very pale (mostly white) blue.
#f2f2ff Color Conversion
The hexadecimal color #f2f2ff has RGB values of R:242, G:242, B:255 and CMYK values of C:0.05, M:0.05, Y:0, K:0. Its decimal value is 15921919.
Hex triplet | f2f2ff | #f2f2ff |
---|---|---|
RGB Decimal | 242, 242, 255 | rgb(242,242,255) |
RGB Percent | 94.9, 94.9, 100 | rgb(94.9%,94.9%,100%) |
CMYK | 5, 5, 0, 0 | |
HSL | 240°, 100, 97.5 | hsl(240,100%,97.5%) |
HSV (or HSB) | 240°, 5.1, 100 | |
Web Safe | ffffff | #ffffff |
CIE-LAB | 95.831, 2.353, -6.241 |
---|---|
XYZ | 86.417, 89.601, 107.344 |
xyY | 0.305, 0.316, 89.601 |
CIE-LCH | 95.831, 6.67, 290.659 |
CIE-LUV | 95.831, -0.74, -10.189 |
Hunter-Lab | 94.658, -2.692, -0.976 |
Binary | 11110010, 11110010, 11111111 |
Color Schemes with #f2f2ff
Alternatives to #f2f2ff
Below, you can see some colors close to #f2f2ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f2ff Preview
This text has a font color of #f2f2ff.
<span style="color:#f2f2ff;">Text here</span>
This paragraph has a background color of #f2f2ff.
<p style="background-color:#f2f2ff;">Content here</p>
This element has a border color of #f2f2ff.
<div style="border:1px solid #f2f2ff;">Content here</div>
.text {color:#f2f2ff;}
.background {background-color:#f2f2ff;}
.border {border:1px solid #f2f2ff;}
Shades and Tints of #f2f2ff
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, #000007 is the darkest color, while #f2f2ff is the lightest one.
-
#000007
#000007
rgb(0,0,7)
-
#00001a
#00001a
rgb(0,0,26)
-
#00002e
#00002e
rgb(0,0,46)
-
#000041
#000041
rgb(0,0,65)
-
#000055
#000055
rgb(0,0,85)
-
#000069
#000069
rgb(0,0,105)
-
#00007c
#00007c
rgb(0,0,124)
-
#000090
#000090
rgb(0,0,144)
-
#0000a4
#0000a4
rgb(0,0,164)
-
#0000b7
#0000b7
rgb(0,0,183)
-
#0000cb
#0000cb
rgb(0,0,203)
-
#0000de
#0000de
rgb(0,0,222)
-
#0000f2
#0000f2
rgb(0,0,242)
-
#0707ff
#0707ff
rgb(7,7,255)
-
#1a1aff
#1a1aff
rgb(26,26,255)
-
#2e2eff
#2e2eff
rgb(46,46,255)
-
#4141ff
#4141ff
rgb(65,65,255)
-
#5555ff
#5555ff
rgb(85,85,255)
-
#6969ff
#6969ff
rgb(105,105,255)
-
#7c7cff
#7c7cff
rgb(124,124,255)
-
#9090ff
#9090ff
rgb(144,144,255)
-
#a4a4ff
#a4a4ff
rgb(164,164,255)
-
#b7b7ff
#b7b7ff
rgb(183,183,255)
-
#cbcbff
#cbcbff
rgb(203,203,255)
-
#dedeff
#dedeff
rgb(222,222,255)
-
#f2f2ff
#f2f2ff
rgb(242,242,255)
Tones of #f2f2ff
A tone is produced by adding gray to any pure hue. In this case, #f8f8f9 is the less saturated color, while #f2f2ff is the most saturated one.
-
#f8f8f9
#f8f8f9
rgb(248,248,249)
-
#f8f8fa
#f8f8fa
rgb(248,248,250)
-
#f7f7fa
#f7f7fa
rgb(247,247,250)
-
#f7f7fb
#f7f7fb
rgb(247,247,251)
-
#f6f6fb
#f6f6fb
rgb(246,246,251)
-
#f6f6fc
#f6f6fc
rgb(246,246,252)
-
#f5f5fc
#f5f5fc
rgb(245,245,252)
-
#f5f5fd
#f5f5fd
rgb(245,245,253)
-
#f4f4fd
#f4f4fd
rgb(244,244,253)
-
#f4f4fe
#f4f4fe
rgb(244,244,254)
-
#f3f3fe
#f3f3fe
rgb(243,243,254)
-
#f3f3ff
#f3f3ff
rgb(243,243,255)
-
#f2f2ff
#f2f2ff
rgb(242,242,255)
Color Blindness Simulator
Below, you can see how #f2f2ff 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.