#f2f8fe hex color

In a RGB color space, hex #f2f8fe is composed of 94.9% red, 97.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 2.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 210 degrees, a saturation of 85.7% and a lightness of 97.3%. #f2f8fe color hex could be obtained by blending #ffffff with #e5f1fd. Closest websafe color is: #ffffff.

♥
- f
- t
- g
- R 95
- G 97
- B 100
RGB color chart
- C 5
- M 2
- Y 0
- K 0
CMYK color chart

● #f2f8fe color description : Light grayish blue.

The hexadecimal color #f2f8fe has RGB values of R:242, G:248, B:254 and CMYK values of C:0.05, M:0.02, Y:0, K:0. Its decimal value is 15923454.

Hex triplet	f2f8fe	`#f2f8fe`
RGB Decimal	242, 248, 254	`rgb(242,248,254)`
RGB Percent	94.9, 97.3, 99.6	`rgb(94.9%,97.3%,99.6%)`
CMYK	5, 2, 0, 0
HSL	210°, 85.7, 97.3	`hsl(210,85.7%,97.3%)`
HSV (or HSB)	210°, 4.7, 99.6
Web Safe	ffffff	`#ffffff`

CIE-LAB	97.296, -0.887, -3.568
XYZ	88.071, 93.167, 107.104
xyY	0.305, 0.323, 93.167
CIE-LCH	97.296, 3.676, 256.042
CIE-LUV	97.296, -3.633, -5.409
Hunter-Lab	96.523, -6.046, 1.777
Binary	11110010, 11111000, 11111110

#f2f8fe
```
#f2f8fe rgb(242,248,254)
```
#fef8f2
```
#fef8f2 rgb(254,248,242)
```

Complementary Color

#f2fefe
```
#f2fefe rgb(242,254,254)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```
#f2f2fe
```
#f2f2fe rgb(242,242,254)
```

Analogous Color

#fefef2
```
#fefef2 rgb(254,254,242)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```
#fef2f2
```
#fef2f2 rgb(254,242,242)
```

Split Complementary Color

#f8fef2
```
#f8fef2 rgb(248,254,242)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```
#fef2f8
```
#fef2f8 rgb(254,242,248)
```

Triadic Color

#f2fef8
```
#f2fef8 rgb(242,254,248)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```
#fef2f8
```
#fef2f8 rgb(254,242,248)
```
#fef8f2
```
#fef8f2 rgb(254,248,242)
```

Tetradic Color

#abd2f9
```
#abd2f9 rgb(171,210,249)
```
#c3dffa
```
#c3dffa rgb(195,223,250)
```
#daebfc
```
#daebfc rgb(218,235,252)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```
#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 #f2f8fe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f2fbfe
```
#f2fbfe rgb(242,251,254)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```
#f2f7fe
```
#f2f7fe rgb(242,247,254)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```
#f2f5fe
```
#f2f5fe rgb(242,245,254)
```

Similar Colors

Text with hexadecimal color #f2f8fe

This text has a font color of #f2f8fe.

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

#f2f8fe background color

This paragraph has a background color of #f2f8fe.

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

#f2f8fe border color

This element has a border color of #f2f8fe.

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

CSS codes

.text {color:#f2f8fe;}

.background {background-color:#f2f8fe;}

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

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

#000305
```
#000305 rgb(0,3,5)
```
#020d17
```
#020d17 rgb(2,13,23)
```
#03162a
```
#03162a rgb(3,22,42)
```
#05203c
```
#05203c rgb(5,32,60)
```
#062a4e
```
#062a4e rgb(6,42,78)
```
#073460
```
#073460 rgb(7,52,96)
```
#093e73
```
#093e73 rgb(9,62,115)
```
#0a4785
```
#0a4785 rgb(10,71,133)
```
#0c5197
```
#0c5197 rgb(12,81,151)
```
#0d5ba9
```
#0d5ba9 rgb(13,91,169)
```
#0e65bb
```
#0e65bb rgb(14,101,187)
```
#106fce
```
#106fce rgb(16,111,206)
```
#1179e0
```
#1179e0 rgb(17,121,224)
```

Shade Color Variation

#1782ed
```
#1782ed rgb(23,130,237)
```
#2a8cef
```
#2a8cef rgb(42,140,239)
```
#3c96f0
```
#3c96f0 rgb(60,150,240)
```
#4ea0f1
```
#4ea0f1 rgb(78,160,241)
```
#60aaf3
```
#60aaf3 rgb(96,170,243)
```
#73b3f4
```
#73b3f4 rgb(115,179,244)
```
#85bdf6
```
#85bdf6 rgb(133,189,246)
```
#97c7f7
```
#97c7f7 rgb(151,199,247)
```
#a9d1f8
```
#a9d1f8 rgb(169,209,248)
```
#bbdbfa
```
#bbdbfa rgb(187,219,250)
```
#cee4fb
```
#cee4fb rgb(206,228,251)
```
#e0eefd
```
#e0eefd rgb(224,238,253)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

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

#f8f8f8
```
#f8f8f8 rgb(248,248,248)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tone Color Variation

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

#f7f7f7 Achromatopsia 0.005% of the population
#f6f7f8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#faf6fc Protanopia 1% of men
#fff4fb Deuteranopia 1% of men
#f6f7ff Tritanopia 0.001% of the population

Trichromacy

#f7f6fd Protanomaly 1% of men, 0.01% of women
#faf6fc Deuteranomaly 6% of men, 0.4% of women
#f4f7fe Tritanomaly 0.01% of the population

#f2f8fe hex color

#f2f8fe Color Information

#f2f8fe Color Conversion

Color Schemes with #f2f8fe

Alternatives to #f2f8fe

#f2f8fe Preview

Shades and Tints of #f2f8fe

Tones of #f2f8fe

Color Blindness Simulator