#f3f1fd Color Information
In a RGB color space, hex #f3f1fd is composed of 95.3% red, 94.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 4.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 250 degrees, a saturation of 75% and a lightness of 96.9%. #f3f1fd color hex could be obtained by blending #ffffff with #e7e3fb. Closest websafe color is: #ffffff.
-
- R 95
- G 95
- B 99
-
- C 4
- M 5
- Y 0
- K 1
● #f3f1fd color description : Light grayish blue.
#f3f1fd Color Conversion
The hexadecimal color #f3f1fd has RGB values of R:243, G:241, B:253 and CMYK values of C:0.04, M:0.05, Y:0, K:0.01. Its decimal value is 15987197.
Hex triplet | f3f1fd | #f3f1fd |
---|---|---|
RGB Decimal | 243, 241, 253 | rgb(243,241,253) |
RGB Percent | 95.3, 94.5, 99.2 | rgb(95.3%,94.5%,99.2%) |
CMYK | 4, 5, 0, 1 | |
HSL | 250°, 75, 96.9 | hsl(250,75%,96.9%) |
HSV (or HSB) | 250°, 4.7, 99.2 | |
Web Safe | ffffff | #ffffff |
CIE-LAB | 95.604, 2.821, -5.532 |
---|---|
XYZ | 86.144, 89.057, 105.575 |
xyY | 0.307, 0.317, 89.057 |
CIE-LCH | 95.604, 6.21, 297.016 |
CIE-LUV | 95.604, 0.419, -9.145 |
Hunter-Lab | 94.37, -2.207, -0.27 |
Binary | 11110011, 11110001, 11111101 |
Color Schemes with #f3f1fd
Alternatives to #f3f1fd
Below, you can see some colors close to #f3f1fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3f1fd Preview
This text has a font color of #f3f1fd.
<span style="color:#f3f1fd;">Text here</span>
This paragraph has a background color of #f3f1fd.
<p style="background-color:#f3f1fd;">Content here</p>
This element has a border color of #f3f1fd.
<div style="border:1px solid #f3f1fd;">Content here</div>
.text {color:#f3f1fd;}
.background {background-color:#f3f1fd;}
.border {border:1px solid #f3f1fd;}
Shades and Tints of #f3f1fd
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, #010003 is the darkest color, while #f3f1fd is the lightest one.
-
#010003
#010003
rgb(1,0,3)
-
#060314
#060314
rgb(6,3,20)
-
#0b0525
#0b0525
rgb(11,5,37)
-
#100837
#100837
rgb(16,8,55)
-
#150a48
#150a48
rgb(21,10,72)
-
#190d59
#190d59
rgb(25,13,89)
-
#1e0f6a
#1e0f6a
rgb(30,15,106)
-
#23127b
#23127b
rgb(35,18,123)
-
#28148c
#28148c
rgb(40,20,140)
-
#2d179e
#2d179e
rgb(45,23,158)
-
#3219af
#3219af
rgb(50,25,175)
-
#371bc0
#371bc0
rgb(55,27,192)
-
#3c1ed1
#3c1ed1
rgb(60,30,209)
-
#4223e0
#4223e0
rgb(66,35,224)
-
#5134e2
#5134e2
rgb(81,52,226)
-
#6045e4
#6045e4
rgb(96,69,228)
-
#6f57e7
#6f57e7
rgb(111,87,231)
-
#7d68e9
#7d68e9
rgb(125,104,233)
-
#8c79ec
#8c79ec
rgb(140,121,236)
-
#9b8aee
#9b8aee
rgb(155,138,238)
-
#a99bf1
#a99bf1
rgb(169,155,241)
-
#b8acf3
#b8acf3
rgb(184,172,243)
-
#c7bef6
#c7bef6
rgb(199,190,246)
-
#d6cff8
#d6cff8
rgb(214,207,248)
-
#e4e0fb
#e4e0fb
rgb(228,224,251)
-
#f3f1fd
#f3f1fd
rgb(243,241,253)
Tones of #f3f1fd
A tone is produced by adding gray to any pure hue. In this case, #f7f7f7 is the less saturated color, while #f2efff is the most saturated one.
-
#f7f7f7
#f7f7f7
rgb(247,247,247)
-
#f6f6f8
#f6f6f8
rgb(246,246,248)
-
#f6f5f9
#f6f5f9
rgb(246,245,249)
-
#f5f5f9
#f5f5f9
rgb(245,245,249)
-
#f5f4fa
#f5f4fa
rgb(245,244,250)
-
#f5f3fb
#f5f3fb
rgb(245,243,251)
-
#f4f3fb
#f4f3fb
rgb(244,243,251)
-
#f4f2fc
#f4f2fc
rgb(244,242,252)
-
#f3f2fc
#f3f2fc
rgb(243,242,252)
-
#f3f1fd
#f3f1fd
rgb(243,241,253)
-
#f3f0fe
#f3f0fe
rgb(243,240,254)
-
#f2f0fe
#f2f0fe
rgb(242,240,254)
-
#f2efff
#f2efff
rgb(242,239,255)
Color Blindness Simulator
Below, you can see how #f3f1fd 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.