#f0f0f2 hex color

In a RGB color space, hex #f0f0f2 is composed of 94.1% red, 94.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 0.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 240 degrees, a saturation of 7.1% and a lightness of 94.5%. #f0f0f2 color hex could be obtained by blending #ffffff with #e1e1e5. Closest websafe color is: #ffffff.

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

● #f0f0f2 color description : Light grayish blue.

The hexadecimal color #f0f0f2 has RGB values of R:240, G:240, B:242 and CMYK values of C:0.01, M:0.01, Y:0, K:0.05. Its decimal value is 15790322.

Hex triplet	f0f0f2	`#f0f0f2`
RGB Decimal	240, 240, 242	`rgb(240,240,242)`
RGB Percent	94.1, 94.1, 94.9	`rgb(94.1%,94.1%,94.9%)`
CMYK	1, 1, 0, 5
HSL	240°, 7.1, 94.5	`hsl(240,7.1%,94.5%)`
HSV (or HSB)	240°, 0.8, 94.9
Web Safe	ffffff	`#ffffff`

CIE-LAB	94.847, 0.355, -0.971
XYZ	83.119, 87.256, 96.463
xyY	0.311, 0.327, 87.256
CIE-LCH	94.847, 1.034, 290.077
CIE-LUV	94.847, -0.118, -1.563
Hunter-Lab	93.411, -4.636, 4.161
Binary	11110000, 11110000, 11110010

#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f2f2f0
```
#f2f2f0 rgb(242,242,240)
```

Complementary Color

#f0f1f2
```
#f0f1f2 rgb(240,241,242)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f1f0f2
```
#f1f0f2 rgb(241,240,242)
```

Analogous Color

#f1f2f0
```
#f1f2f0 rgb(241,242,240)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f2f1f0
```
#f2f1f0 rgb(242,241,240)
```

Split Complementary Color

#f0f2f0
```
#f0f2f0 rgb(240,242,240)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f2f0f0
```
#f2f0f0 rgb(242,240,240)
```

Triadic Color

#f0f2f2
```
#f0f2f2 rgb(240,242,242)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f2f0f0
```
#f2f0f0 rgb(242,240,240)
```
#f2f2f0
```
#f2f2f0 rgb(242,242,240)
```

Tetradic Color

#c7c7ce
```
#c7c7ce rgb(199,199,206)
```
#d5d5da
```
#d5d5da rgb(213,213,218)
```
#e2e2e6
```
#e2e2e6 rgb(226,226,230)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#fefefe
```
#fefefe rgb(254,254,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f0f1f2
```
#f0f1f2 rgb(240,241,242)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#f1f0f2
```
#f1f0f2 rgb(241,240,242)
```

Similar Colors

Text with hexadecimal color #f0f0f2

This text has a font color of #f0f0f2.

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

#f0f0f2 background color

This paragraph has a background color of #f0f0f2.

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

#f0f0f2 border color

This element has a border color of #f0f0f2.

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

CSS codes

.text {color:#f0f0f2;}

.background {background-color:#f0f0f2;}

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0e0e11
```
#0e0e11 rgb(14,14,17)
```
#17171b
```
#17171b rgb(23,23,27)
```
#212126
```
#212126 rgb(33,33,38)
```
#2a2a30
```
#2a2a30 rgb(42,42,48)
```
#33333b
```
#33333b rgb(51,51,59)
```
#3c3c45
```
#3c3c45 rgb(60,60,69)
```
#454550
```
#454550 rgb(69,69,80)
```
#4e4e5a
```
#4e4e5a rgb(78,78,90)
```
#575765
```
#575765 rgb(87,87,101)
```
#60606f
```
#60606f rgb(96,96,111)
```
#69697a
```
#69697a rgb(105,105,122)
```
#737384
```
#737384 rgb(115,115,132)
```

Shade Color Variation

#7c7c8e
```
#7c7c8e rgb(124,124,142)
```
#878797
```
#878797 rgb(135,135,151)
```
#9191a0
```
#9191a0 rgb(145,145,160)
```
#9c9ca9
```
#9c9ca9 rgb(156,156,169)
```
#a6a6b2
```
#a6a6b2 rgb(166,166,178)
```
#b1b1bb
```
#b1b1bb rgb(177,177,187)
```
#bbbbc4
```
#bbbbc4 rgb(187,187,196)
```
#c6c6ce
```
#c6c6ce rgb(198,198,206)
```
#d0d0d7
```
#d0d0d7 rgb(208,208,215)
```
#dbdbe0
```
#dbdbe0 rgb(219,219,224)
```
#e5e5e9
```
#e5e5e9 rgb(229,229,233)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#efeff3
```
#efeff3 rgb(239,239,243)
```
#eeeef4
```
#eeeef4 rgb(238,238,244)
```
#ededf5
```
#ededf5 rgb(237,237,245)
```
#ececf6
```
#ececf6 rgb(236,236,246)
```
#ebebf7
```
#ebebf7 rgb(235,235,247)
```
#eaeaf8
```
#eaeaf8 rgb(234,234,248)
```
#e8e8fa
```
#e8e8fa rgb(232,232,250)
```
#e7e7fb
```
#e7e7fb rgb(231,231,251)
```
#e6e6fc
```
#e6e6fc rgb(230,230,252)
```
#e5e5fd
```
#e5e5fd rgb(229,229,253)
```
#e4e4fe
```
#e4e4fe rgb(228,228,254)
```
#e3e3ff
```
#e3e3ff rgb(227,227,255)
```

Tone Color Variation

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

#f0f0f0 Achromatopsia 0.005% of the population
#f0f0f0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4eff2 Protanopia 1% of men
#ffecf3 Deuteranopia 1% of men
#f3eeff Tritanopia 0.001% of the population

Trichromacy

#f2eff2 Protanomaly 1% of men, 0.01% of women
#f9edf3 Deuteranomaly 6% of men, 0.4% of women
#f1effa Tritanomaly 0.01% of the population

#f0f0f2 hex color

#f0f0f2 Color Information

#f0f0f2 Color Conversion

Color Schemes with #f0f0f2

Alternatives to #f0f0f2

#f0f0f2 Preview

Shades and Tints of #f0f0f2

Tones of #f0f0f2

Color Blindness Simulator