#f2fcfa hex color

In a RGB color space, hex #f2fcfa is composed of 94.9% red, 98.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 0% magenta, 0.8% yellow and 1.2% black. It has a hue angle of 168 degrees, a saturation of 62.5% and a lightness of 96.9%. #f2fcfa color hex could be obtained by blending #ffffff with #e5f9f5. Closest websafe color is: #ffffff.

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

● #f2fcfa color description : Light grayish cyan.

The hexadecimal color #f2fcfa has RGB values of R:242, G:252, B:250 and CMYK values of C:0.04, M:0, Y:0.01, K:0.01. Its decimal value is 15924474.

Hex triplet	f2fcfa	`#f2fcfa`
RGB Decimal	242, 252, 250	`rgb(242,252,250)`
RGB Percent	94.9, 98.8, 98	`rgb(94.9%,98.8%,98%)`
CMYK	4, 0, 1, 1
HSL	168°, 62.5, 96.9	`hsl(168,62.5%,96.9%)`
HSV (or HSB)	168°, 4, 98.8
Web Safe	ffffff	`#ffffff`

CIE-LAB	98.193, -3.635, -0.193
XYZ	88.68, 95.4, 104.179
xyY	0.308, 0.331, 95.4
CIE-LCH	98.193, 3.64, 183.034
CIE-LUV	98.193, -5.409, 0.352
Hunter-Lab	97.673, -8.861, 5.131
Binary	11110010, 11111100, 11111010

#f2fcfa
```
#f2fcfa rgb(242,252,250)
```
#fcf2f4
```
#fcf2f4 rgb(252,242,244)
```

Complementary Color

#f2fcf5
```
#f2fcf5 rgb(242,252,245)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Analogous Color

#fcf5f2
```
#fcf5f2 rgb(252,245,242)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```
#fcf2f9
```
#fcf2f9 rgb(252,242,249)
```

Split Complementary Color

#fcfaf2
```
#fcfaf2 rgb(252,250,242)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```
#faf2fc
```
#faf2fc rgb(250,242,252)
```

Triadic Color

#f4fcf2
```
#f4fcf2 rgb(244,252,242)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```
#faf2fc
```
#faf2fc rgb(250,242,252)
```
#fcf2f4
```
#fcf2f4 rgb(252,242,244)
```

Tetradic Color

#b4eee2
```
#b4eee2 rgb(180,238,226)
```
#c9f2ea
```
#c9f2ea rgb(201,242,234)
```
#ddf7f2
```
#ddf7f2 rgb(221,247,242)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```
#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 #f2fcfa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f2fcf8
```
#f2fcf8 rgb(242,252,248)
```
#f2fcf8
```
#f2fcf8 rgb(242,252,248)
```
#f2fcf9
```
#f2fcf9 rgb(242,252,249)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```
#f2fcfb
```
#f2fcfb rgb(242,252,251)
```
#f2fcfc
```
#f2fcfc rgb(242,252,252)
```
#f2fcfc
```
#f2fcfc rgb(242,252,252)
```

Similar Colors

Text with hexadecimal color #f2fcfa

This text has a font color of #f2fcfa.

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

#f2fcfa background color

This paragraph has a background color of #f2fcfa.

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

#f2fcfa border color

This element has a border color of #f2fcfa.

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

CSS codes

.text {color:#f2fcfa;}

.background {background-color:#f2fcfa;}

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

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

#010302
```
#010302 rgb(1,3,2)
```
#041310
```
#041310 rgb(4,19,16)
```
#08231d
```
#08231d rgb(8,35,29)
```
#0c332b
```
#0c332b rgb(12,51,43)
```
#0f4338
```
#0f4338 rgb(15,67,56)
```
#135346
```
#135346 rgb(19,83,70)
```
#176353
```
#176353 rgb(23,99,83)
```
#1a7361
```
#1a7361 rgb(26,115,97)
```
#1e826e
```
#1e826e rgb(30,130,110)
```
#22927c
```
#22927c rgb(34,146,124)
```
#25a289
```
#25a289 rgb(37,162,137)
```
#29b297
```
#29b297 rgb(41,178,151)
```
#2dc2a4
```
#2dc2a4 rgb(45,194,164)
```

Shade Color Variation

#33d0b0
```
#33d0b0 rgb(51,208,176)
```
#43d4b7
```
#43d4b7 rgb(67,212,183)
```
#53d7bd
```
#53d7bd rgb(83,215,189)
```
#63dbc3
```
#63dbc3 rgb(99,219,195)
```
#73dfc9
```
#73dfc9 rgb(115,223,201)
```
#82e2cf
```
#82e2cf rgb(130,226,207)
```
#92e6d5
```
#92e6d5 rgb(146,230,213)
```
#a2eadb
```
#a2eadb rgb(162,234,219)
```
#b2ede1
```
#b2ede1 rgb(178,237,225)
```
#c2f1e8
```
#c2f1e8 rgb(194,241,232)
```
#d2f5ee
```
#d2f5ee rgb(210,245,238)
```
#e2f8f4
```
#e2f8f4 rgb(226,248,244)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```

Tint Color Variation

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

#f7f7f7
```
#f7f7f7 rgb(247,247,247)
```
#f6f8f7
```
#f6f8f7 rgb(246,248,247)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```
#f5f9f8
```
#f5f9f8 rgb(245,249,248)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```
#f4faf9
```
#f4faf9 rgb(244,250,249)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```
#f3fbfa
```
#f3fbfa rgb(243,251,250)
```
#f2fcfa
```
#f2fcfa rgb(242,252,250)
```
#f1fdfa
```
#f1fdfa rgb(241,253,250)
```
#f1fdfb
```
#f1fdfb rgb(241,253,251)
```
#f0fefb
```
#f0fefb rgb(240,254,251)
```
#f0fefb
```
#f0fefb rgb(240,254,251)
```

Tone Color Variation

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

#f9f9f9 Achromatopsia 0.005% of the population
#f8faf9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fef8f8 Protanopia 1% of men
#fff8fa Deuteranopia 1% of men
#f8f9ff Tritanopia 0.001% of the population

Trichromacy

#f9faf9 Protanomaly 1% of men, 0.01% of women
#faf9fa Deuteranomaly 6% of men, 0.4% of women
#f6fafd Tritanomaly 0.01% of the population

#f2fcfa hex color

#f2fcfa Color Information

#f2fcfa Color Conversion

Color Schemes with #f2fcfa

Alternatives to #f2fcfa

#f2fcfa Preview

Shades and Tints of #f2fcfa

Tones of #f2fcfa

Color Blindness Simulator