#f3f5fd Color Information
In a RGB color space, hex #f3f5fd is composed of 95.3% red, 96.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 3.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 228 degrees, a saturation of 71.4% and a lightness of 97.3%. #f3f5fd color hex could be obtained by blending #ffffff with #e7ebfb. Closest websafe color is: #ffffff.
-
- R 95
- G 96
- B 99
-
- C 4
- M 3
- Y 0
- K 1
● #f3f5fd color description : Light grayish blue.
#f3f5fd Color Conversion
The hexadecimal color #f3f5fd has RGB values of R:243, G:245, B:253 and CMYK values of C:0.04, M:0.03, Y:0, K:0.01. Its decimal value is 15988221.
Hex triplet | f3f5fd | #f3f5fd |
---|---|---|
RGB Decimal | 243, 245, 253 | rgb(243,245,253) |
RGB Percent | 95.3, 96.1, 99.2 | rgb(95.3%,96.1%,99.2%) |
CMYK | 4, 3, 0, 1 | |
HSL | 228°, 71.4, 97.3 | hsl(228,71.4%,97.3%) |
HSV (or HSB) | 228°, 4, 99.2 | |
Web Safe | ffffff | #ffffff |
CIE-LAB | 96.595, 0.779, -4.072 |
---|---|
XYZ | 87.341, 91.451, 105.974 |
xyY | 0.307, 0.321, 91.451 |
CIE-LCH | 96.595, 4.146, 280.832 |
CIE-LUV | 96.595, -1.557, -6.492 |
Hunter-Lab | 95.63, -4.325, 1.238 |
Binary | 11110011, 11110101, 11111101 |
Color Schemes with #f3f5fd
Alternatives to #f3f5fd
Below, you can see some colors close to #f3f5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3f5fd Preview
This text has a font color of #f3f5fd.
<span style="color:#f3f5fd;">Text here</span>
This paragraph has a background color of #f3f5fd.
<p style="background-color:#f3f5fd;">Content here</p>
This element has a border color of #f3f5fd.
<div style="border:1px solid #f3f5fd;">Content here</div>
.text {color:#f3f5fd;}
.background {background-color:#f3f5fd;}
.border {border:1px solid #f3f5fd;}
Shades and Tints of #f3f5fd
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, #010205 is the darkest color, while #f3f5fd is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#040716
#040716
rgb(4,7,22)
-
#060d26
#060d26
rgb(6,13,38)
-
#091237
#091237
rgb(9,18,55)
-
#0c1848
#0c1848
rgb(12,24,72)
-
#0f1e59
#0f1e59
rgb(15,30,89)
-
#12236a
#12236a
rgb(18,35,106)
-
#14297b
#14297b
rgb(20,41,123)
-
#172e8b
#172e8b
rgb(23,46,139)
-
#1a349c
#1a349c
rgb(26,52,156)
-
#1d3aad
#1d3aad
rgb(29,58,173)
-
#203fbe
#203fbe
rgb(32,63,190)
-
#2245cf
#2245cf
rgb(34,69,207)
-
#294ddb
#294ddb
rgb(41,77,219)
-
#3a5bde
#3a5bde
rgb(58,91,222)
-
#4b69e1
#4b69e1
rgb(75,105,225)
-
#5c77e4
#5c77e4
rgb(92,119,228)
-
#6c85e7
#6c85e7
rgb(108,133,231)
-
#7d93e9
#7d93e9
rgb(125,147,233)
-
#8ea1ec
#8ea1ec
rgb(142,161,236)
-
#9fafef
#9fafef
rgb(159,175,239)
-
#b0bdf2
#b0bdf2
rgb(176,189,242)
-
#c1cbf5
#c1cbf5
rgb(193,203,245)
-
#d1d9f7
#d1d9f7
rgb(209,217,247)
-
#e2e7fa
#e2e7fa
rgb(226,231,250)
-
#f3f5fd
#f3f5fd
rgb(243,245,253)
Tones of #f3f5fd
A tone is produced by adding gray to any pure hue. In this case, #f8f8f8 is the less saturated color, while #f1f4ff is the most saturated one.
-
#f8f8f8
#f8f8f8
rgb(248,248,248)
-
#f7f8f9
#f7f8f9
rgb(247,248,249)
-
#f7f7f9
#f7f7f9
rgb(247,247,249)
-
#f6f7fa
#f6f7fa
rgb(246,247,250)
-
#f6f7fa
#f6f7fa
rgb(246,247,250)
-
#f5f6fb
#f5f6fb
rgb(245,246,251)
-
#f5f6fb
#f5f6fb
rgb(245,246,251)
-
#f4f6fc
#f4f6fc
rgb(244,246,252)
-
#f4f5fc
#f4f5fc
rgb(244,245,252)
-
#f3f5fd
#f3f5fd
rgb(243,245,253)
-
#f2f5fe
#f2f5fe
rgb(242,245,254)
-
#f2f4fe
#f2f4fe
rgb(242,244,254)
-
#f1f4ff
#f1f4ff
rgb(241,244,255)
Color Blindness Simulator
Below, you can see how #f3f5fd 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.