#f0f0f5 hex color

In a RGB color space, hex #f0f0f5 is composed of 94.1% red, 94.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 2% magenta, 0% yellow and 3.9% black. It has a hue angle of 240 degrees, a saturation of 20% and a lightness of 95.1%. #f0f0f5 color hex could be obtained by blending #ffffff with #e1e1eb. Closest websafe color is: #ffffff.

♥
- f
- t
- g
- R 94
- G 94
- B 96
RGB color chart
- C 2
- M 2
- Y 0
- K 4
CMYK color chart

● #f0f0f5 color description : Light grayish blue.

The hexadecimal color #f0f0f5 has RGB values of R:240, G:240, B:245 and CMYK values of C:0.02, M:0.02, Y:0, K:0.04. Its decimal value is 15790325.

Hex triplet	f0f0f5	`#f0f0f5`
RGB Decimal	240, 240, 245	`rgb(240,240,245)`
RGB Percent	94.1, 94.1, 96.1	`rgb(94.1%,94.1%,96.1%)`
CMYK	2, 2, 0, 4
HSL	240°, 20, 95.1	`hsl(240,20%,95.1%)`
HSV (or HSB)	240°, 2, 96.1
Web Safe	ffffff	`#ffffff`

CIE-LAB	94.924, 0.893, -2.414
XYZ	83.574, 87.438, 98.856
xyY	0.31, 0.324, 87.438
CIE-LCH	94.924, 2.574, 290.303
CIE-LUV	94.924, -0.286, -3.901
Hunter-Lab	93.508, -4.104, 2.775
Binary	11110000, 11110000, 11110101

#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#f5f5f0
```
#f5f5f0 rgb(245,245,240)
```

Complementary Color

#f0f3f5
```
#f0f3f5 rgb(240,243,245)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#f3f0f5
```
#f3f0f5 rgb(243,240,245)
```

Analogous Color

#f3f5f0
```
#f3f5f0 rgb(243,245,240)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#f5f3f0
```
#f5f3f0 rgb(245,243,240)
```

Split Complementary Color

#f0f5f0
```
#f0f5f0 rgb(240,245,240)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#f5f0f0
```
#f5f0f0 rgb(245,240,240)
```

Triadic Color

#f0f5f5
```
#f0f5f5 rgb(240,245,245)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#f5f0f0
```
#f5f0f0 rgb(245,240,240)
```
#f5f5f0
```
#f5f5f0 rgb(245,245,240)
```

Tetradic Color

#c2c2d6
```
#c2c2d6 rgb(194,194,214)
```
#d1d1e1
```
#d1d1e1 rgb(209,209,225)
```
#e1e1eb
```
#e1e1eb rgb(225,225,235)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#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 #f0f0f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f0f1f5
```
#f0f1f5 rgb(240,241,245)
```
#f0f1f5
```
#f0f1f5 rgb(240,241,245)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#f1f0f5
```
#f1f0f5 rgb(241,240,245)
```
#f1f0f5
```
#f1f0f5 rgb(241,240,245)
```

Similar Colors

Text with hexadecimal color #f0f0f5

This text has a font color of #f0f0f5.

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

#f0f0f5 background color

This paragraph has a background color of #f0f0f5.

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

#f0f0f5 border color

This element has a border color of #f0f0f5.

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

CSS codes

.text {color:#f0f0f5;}

.background {background-color:#f0f0f5;}

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

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

#060609
```
#060609 rgb(6,6,9)
```
#0e0e14
```
#0e0e14 rgb(14,14,20)
```
#151520
```
#151520 rgb(21,21,32)
```
#1d1d2c
```
#1d1d2c rgb(29,29,44)
```
#252538
```
#252538 rgb(37,37,56)
```
#2d2d43
```
#2d2d43 rgb(45,45,67)
```
#35354f
```
#35354f rgb(53,53,79)
```
#3d3d5b
```
#3d3d5b rgb(61,61,91)
```
#444467
```
#444467 rgb(68,68,103)
```
#4c4c72
```
#4c4c72 rgb(76,76,114)
```
#54547e
```
#54547e rgb(84,84,126)
```
#5c5c8a
```
#5c5c8a rgb(92,92,138)
```
#646496
```
#646496 rgb(100,100,150)
```

Shade Color Variation

#6f6f9f
```
#6f6f9f rgb(111,111,159)
```
#7a7aa7
```
#7a7aa7 rgb(122,122,167)
```
#8686ae
```
#8686ae rgb(134,134,174)
```
#9292b6
```
#9292b6 rgb(146,146,182)
```
#9e9ebe
```
#9e9ebe rgb(158,158,190)
```
#a9a9c6
```
#a9a9c6 rgb(169,169,198)
```
#b5b5ce
```
#b5b5ce rgb(181,181,206)
```
#c1c1d6
```
#c1c1d6 rgb(193,193,214)
```
#cdcddd
```
#cdcddd rgb(205,205,221)
```
#d8d8e5
```
#d8d8e5 rgb(216,216,229)
```
#e4e4ed
```
#e4e4ed rgb(228,228,237)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#f2f2f3
```
#f2f2f3 rgb(242,242,243)
```
#f1f1f4
```
#f1f1f4 rgb(241,241,244)
```
#f0f0f5
```
#f0f0f5 rgb(240,240,245)
```
#efeff6
```
#efeff6 rgb(239,239,246)
```
#eeeef7
```
#eeeef7 rgb(238,238,247)
```
#ededf8
```
#ededf8 rgb(237,237,248)
```
#ececf9
```
#ececf9 rgb(236,236,249)
```
#ebebfa
```
#ebebfa rgb(235,235,250)
```
#eaeafb
```
#eaeafb rgb(234,234,251)
```
#e9e9fc
```
#e9e9fc rgb(233,233,252)
```
#e8e8fd
```
#e8e8fd rgb(232,232,253)
```
#e7e7fe
```
#e7e7fe rgb(231,231,254)
```
#e6e6ff
```
#e6e6ff rgb(230,230,255)
```

Tone Color Variation

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

#f3eff5 Protanopia 1% of men
#ffecf5 Deuteranopia 1% of men
#f2efff Tritanopia 0.001% of the population

Trichromacy

#f2eff5 Protanomaly 1% of men, 0.01% of women
#f9edf5 Deuteranomaly 6% of men, 0.4% of women
#f1effb Tritanomaly 0.01% of the population

#f0f0f5 hex color

#f0f0f5 Color Information

#f0f0f5 Color Conversion

Color Schemes with #f0f0f5

Alternatives to #f0f0f5

#f0f0f5 Preview

Shades and Tints of #f0f0f5

Tones of #f0f0f5

Color Blindness Simulator