colorhexa.com

#f1f0f4 hex color

In a RGB color space, hex #f1f0f4 is composed of 94.5% red, 94.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 1.2% cyan, 1.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 255 degrees, a saturation of 15.4% and a lightness of 94.9%. #f1f0f4 color hex could be obtained by blending #ffffff with #e3e1e9. Closest websafe color is: #ffffff.

- R 95
- G 94
- B 96
RGB color chart
- C 1
- M 2
- Y 0
- K 4
CMYK color chart

● #f1f0f4 color description : Light grayish blue.

The hexadecimal color #f1f0f4 has RGB values of R:241, G:240, B:244 and CMYK values of C:0.01, M:0.02, Y:0, K:0.04. Its decimal value is 15855860.

Hex triplet	f1f0f4	`#f1f0f4`
RGB Decimal	241, 240, 244	`rgb(241,240,244)`
RGB Percent	94.5, 94.1, 95.7	`rgb(94.5%,94.1%,95.7%)`
CMYK	1, 2, 0, 4
HSL	255°, 15.4, 94.9	`hsl(255,15.4%,94.9%)`
HSV (or HSB)	255°, 1.6, 95.7
Web Safe	ffffff	`#ffffff`

CIE-LAB	94.972, 1.043, -1.816
XYZ	83.762, 87.553, 98.07
xyY	0.311, 0.325, 87.553
CIE-LCH	94.972, 2.094, 299.886
CIE-LUV	94.972, 0.328, -2.997
Hunter-Lab	93.57, -3.956, 3.357
Binary	11110001, 11110000, 11110100

#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#f3f4f0
```
#f3f4f0 rgb(243,244,240)
```

Complementary Color

#f0f1f4
```
#f0f1f4 rgb(240,241,244)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#f3f0f4
```
#f3f0f4 rgb(243,240,244)
```

Analogous Color

#f1f4f0
```
#f1f4f0 rgb(241,244,240)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#f4f3f0
```
#f4f3f0 rgb(244,243,240)
```

Split Complementary Color

#f0f4f1
```
#f0f4f1 rgb(240,244,241)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#f4f1f0
```
#f4f1f0 rgb(244,241,240)
```

Triadic Color

#f0f3f4
```
#f0f3f4 rgb(240,243,244)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#f4f1f0
```
#f4f1f0 rgb(244,241,240)
```
#f3f4f0
```
#f3f4f0 rgb(243,244,240)
```

Tetradic Color

#c8c4d4
```
#c8c4d4 rgb(200,196,212)
```
#d6d3de
```
#d6d3de rgb(214,211,222)
```
#e3e1e9
```
#e3e1e9 rgb(227,225,233)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#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 #f1f0f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f0f0f4
```
#f0f0f4 rgb(240,240,244)
```
#f0f0f4
```
#f0f0f4 rgb(240,240,244)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#f2f0f4
```
#f2f0f4 rgb(242,240,244)
```
#f2f0f4
```
#f2f0f4 rgb(242,240,244)
```

Similar Colors

Text with hexadecimal color #f1f0f4

This text has a font color of #f1f0f4.

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

#f1f0f4 background color

This paragraph has a background color of #f1f0f4.

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

#f1f0f4 border color

This element has a border color of #f1f0f4.

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

CSS codes

.text {color:#f1f0f4;}

.background {background-color:#f1f0f4;}

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

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

#060608
```
#060608 rgb(6,6,8)
```
#0f0e13
```
#0f0e13 rgb(15,14,19)
```
#18161e
```
#18161e rgb(24,22,30)
```
#211e2a
```
#211e2a rgb(33,30,42)
```
#2a2735
```
#2a2735 rgb(42,39,53)
```
#332f40
```
#332f40 rgb(51,47,64)
```
#3c374c
```
#3c374c rgb(60,55,76)
```
#454057
```
#454057 rgb(69,64,87)
```
#4f4862
```
#4f4862 rgb(79,72,98)
```
#58506d
```
#58506d rgb(88,80,109)
```
#615979
```
#615979 rgb(97,89,121)
```
#6a6184
```
#6a6184 rgb(106,97,132)
```
#73698f
```
#73698f rgb(115,105,143)
```

Shade Color Variation

#7d7499
```
#7d7499 rgb(125,116,153)
```
#877fa1
```
#877fa1 rgb(135,127,161)
```
#928aa9
```
#928aa9 rgb(146,138,169)
```
#9d95b2
```
#9d95b2 rgb(157,149,178)
```
#a7a1ba
```
#a7a1ba rgb(167,161,186)
```
#b2acc2
```
#b2acc2 rgb(178,172,194)
```
#bcb7cb
```
#bcb7cb rgb(188,183,203)
```
#c7c3d3
```
#c7c3d3 rgb(199,195,211)
```
#d1cedb
```
#d1cedb rgb(209,206,219)
```
#dcd9e3
```
#dcd9e3 rgb(220,217,227)
```
#e6e5ec
```
#e6e5ec rgb(230,229,236)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#fcfbfc
```
#fcfbfc rgb(252,251,252)
```

Tint Color Variation

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

#f2f2f2
```
#f2f2f2 rgb(242,242,242)
```
#f2f1f3
```
#f2f1f3 rgb(242,241,243)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#f1eff5
```
#f1eff5 rgb(241,239,245)
```
#f0eef6
```
#f0eef6 rgb(240,238,246)
```
#f0edf7
```
#f0edf7 rgb(240,237,247)
```
#efecf8
```
#efecf8 rgb(239,236,248)
```
#efebf9
```
#efebf9 rgb(239,235,249)
```
#eeeafa
```
#eeeafa rgb(238,234,250)
```
#eee9fb
```
#eee9fb rgb(238,233,251)
```
#ede8fc
```
#ede8fc rgb(237,232,252)
```
#ede7fd
```
#ede7fd rgb(237,231,253)
```
#ece6fe
```
#ece6fe rgb(236,230,254)
```

Tone Color Variation

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

#f1f1f1 Achromatopsia 0.005% of the population
#f1f1f2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4f0f4 Protanopia 1% of men
#ffecf4 Deuteranopia 1% of men
#f3efff Tritanopia 0.001% of the population

Trichromacy

#f3f0f4 Protanomaly 1% of men, 0.01% of women
#f9edf4 Deuteranomaly 6% of men, 0.4% of women
#f2effb Tritanomaly 0.01% of the population