#f1f5fd hex color

In a RGB color space, hex #f1f5fd is composed of 94.5% red, 96.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 3.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 220 degrees, a saturation of 75% and a lightness of 96.9%. #f1f5fd color hex could be obtained by blending #ffffff with #e3ebfb. Closest websafe color is: #ffffff.

♥
- f
- t
- g
- R 95
- G 96
- B 99
RGB color chart
- C 5
- M 3
- Y 0
- K 1
CMYK color chart

● #f1f5fd color description : Light grayish blue.

The hexadecimal color #f1f5fd has RGB values of R:241, G:245, B:253 and CMYK values of C:0.05, M:0.03, Y:0, K:0.01. Its decimal value is 15857149.

Hex triplet	f1f5fd	`#f1f5fd`
RGB Decimal	241, 245, 253	`rgb(241,245,253)`
RGB Percent	94.5, 96.1, 99.2	`rgb(94.5%,96.1%,99.2%)`
CMYK	5, 3, 0, 1
HSL	220°, 75, 96.9	`hsl(220,75%,96.9%)`
HSV (or HSB)	220°, 4.7, 99.2
Web Safe	ffffff	`#ffffff`

CIE-LAB	96.45, 0.129, -4.303
XYZ	86.654, 91.097, 105.941
xyY	0.305, 0.321, 91.097
CIE-LCH	96.45, 4.305, 271.719
CIE-LUV	96.45, -2.651, -6.74
Hunter-Lab	95.445, -4.968, 1.001
Binary	11110001, 11110101, 11111101

#f1f5fd
```
#f1f5fd rgb(241,245,253)
```
#fdf9f1
```
#fdf9f1 rgb(253,249,241)
```

Complementary Color

#f1fbfd
```
#f1fbfd rgb(241,251,253)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```
#f3f1fd
```
#f3f1fd rgb(243,241,253)
```

Analogous Color

#fbfdf1
```
#fbfdf1 rgb(251,253,241)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```
#fdf3f1
```
#fdf3f1 rgb(253,243,241)
```

Split Complementary Color

#f5fdf1
```
#f5fdf1 rgb(245,253,241)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```
#fdf1f5
```
#fdf1f5 rgb(253,241,245)
```

Triadic Color

#f1fdf9
```
#f1fdf9 rgb(241,253,249)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```
#fdf1f5
```
#fdf1f5 rgb(253,241,245)
```
#fdf9f1
```
#fdf9f1 rgb(253,249,241)
```

Tetradic Color

#aec5f3
```
#aec5f3 rgb(174,197,243)
```
#c4d5f7
```
#c4d5f7 rgb(196,213,247)
```
#dbe5fa
```
#dbe5fa rgb(219,229,250)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

Below, you can see some colors close to #f1f5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f1f8fd
```
#f1f8fd rgb(241,248,253)
```
#f1f7fd
```
#f1f7fd rgb(241,247,253)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```
#f1f4fd
```
#f1f4fd rgb(241,244,253)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Similar Colors

Text with hexadecimal color #f1f5fd

This text has a font color of #f1f5fd.

<span style="color:#f1f5fd;">Text here</span>

#f1f5fd background color

This paragraph has a background color of #f1f5fd.

<p style="background-color:#f1f5fd;">Content here</p>

#f1f5fd border color

This element has a border color of #f1f5fd.

<div style="border:1px solid #f1f5fd;">Content here</div>

CSS codes

.text {color:#f1f5fd;}

.background {background-color:#f1f5fd;}

.border {border:1px solid #f1f5fd;}

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, #000103 is the darkest color, while #f1f5fd is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#030914
```
#030914 rgb(3,9,20)
```
#051025
```
#051025 rgb(5,16,37)
```
#081737
```
#081737 rgb(8,23,55)
```
#0a1f48
```
#0a1f48 rgb(10,31,72)
```
#0d2659
```
#0d2659 rgb(13,38,89)
```
#0f2d6a
```
#0f2d6a rgb(15,45,106)
```
#12357b
```
#12357b rgb(18,53,123)
```
#143c8c
```
#143c8c rgb(20,60,140)
```
#17449e
```
#17449e rgb(23,68,158)
```
#194baf
```
#194baf rgb(25,75,175)
```
#1b52c0
```
#1b52c0 rgb(27,82,192)
```
#1e5ad1
```
#1e5ad1 rgb(30,90,209)
```

Shade Color Variation

#2362e0
```
#2362e0 rgb(35,98,224)
```
#346ee2
```
#346ee2 rgb(52,110,226)
```
#457ae4
```
#457ae4 rgb(69,122,228)
```
#5787e7
```
#5787e7 rgb(87,135,231)
```
#6893e9
```
#6893e9 rgb(104,147,233)
```
#799fec
```
#799fec rgb(121,159,236)
```
#8aabee
```
#8aabee rgb(138,171,238)
```
#9bb8f1
```
#9bb8f1 rgb(155,184,241)
```
#acc4f3
```
#acc4f3 rgb(172,196,243)
```
#bed0f6
```
#bed0f6 rgb(190,208,246)
```
#cfdcf8
```
#cfdcf8 rgb(207,220,248)
```
#e0e9fb
```
#e0e9fb rgb(224,233,251)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #f7f7f7 is the less saturated color, while #eff4ff is the most saturated one.

#f7f7f7
```
#f7f7f7 rgb(247,247,247)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```
#f1f5fd
```
#f1f5fd rgb(241,245,253)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```
#eff4ff
```
#eff4ff rgb(239,244,255)
```

Tone Color Variation

Below, you can see how #f1f5fd 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.

Monochromacy

#f5f5f5 Achromatopsia 0.005% of the population
#f4f5f7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7f3fc Protanopia 1% of men
#fff1fa Deuteranopia 1% of men
#f4f4ff Tritanopia 0.001% of the population

Trichromacy

#f4f4fc Protanomaly 1% of men, 0.01% of women
#f9f2fb Deuteranomaly 6% of men, 0.4% of women
#f3f4fe Tritanomaly 0.01% of the population

#f1f5fd hex color

#f1f5fd Color Information

#f1f5fd Color Conversion

Color Schemes with #f1f5fd

Alternatives to #f1f5fd

#f1f5fd Preview

Shades and Tints of #f1f5fd

Tones of #f1f5fd

Color Blindness Simulator