#f2f1de hex color

In a RGB color space, hex #f2f1de is composed of 94.9% red, 94.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.4% magenta, 8.3% yellow and 5.1% black. It has a hue angle of 57 degrees, a saturation of 43.5% and a lightness of 91%. #f2f1de color hex could be obtained by blending #ffffff with #e5e3bd. Closest websafe color is: #ffffcc.

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

● #f2f1de color description : Light grayish yellow.

The hexadecimal color #f2f1de has RGB values of R:242, G:241, B:222 and CMYK values of C:0, M:0, Y:0.08, K:0.05. Its decimal value is 15921630.

Hex triplet	f2f1de	`#f2f1de`
RGB Decimal	242, 241, 222	`rgb(242,241,222)`
RGB Percent	94.9, 94.5, 87.1	`rgb(94.9%,94.5%,87.1%)`
CMYK	0, 0, 8, 5
HSL	57°, 43.5, 91	`hsl(57,43.5%,91%)`
HSV (or HSB)	57°, 8.3, 94.9
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	94.765, -2.891, 9.287
XYZ	81.256, 87.062, 81.627
xyY	0.325, 0.348, 87.062
CIE-LCH	94.765, 9.727, 107.29
CIE-LUV	94.765, 1.612, 14.494
Hunter-Lab	93.307, -7.842, 13.447
Binary	11110010, 11110001, 11011110

#f2f1de
```
#f2f1de rgb(242,241,222)
```
#dedff2
```
#dedff2 rgb(222,223,242)
```

Complementary Color

#f2e7de
```
#f2e7de rgb(242,231,222)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#e9f2de
```
#e9f2de rgb(233,242,222)
```

Analogous Color

#e7def2
```
#e7def2 rgb(231,222,242)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#dee9f2
```
#dee9f2 rgb(222,233,242)
```

Split Complementary Color

#f1def2
```
#f1def2 rgb(241,222,242)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#def2f1
```
#def2f1 rgb(222,242,241)
```

Triadic Color

#f2dedf
```
#f2dedf rgb(242,222,223)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#def2f1
```
#def2f1 rgb(222,242,241)
```
#dedff2
```
#dedff2 rgb(222,223,242)
```

Tetradic Color

#dcdaa7
```
#dcdaa7 rgb(220,218,167)
```
#e4e1b9
```
#e4e1b9 rgb(228,225,185)
```
#ebe9cc
```
#ebe9cc rgb(235,233,204)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#f9f9f0
```
#f9f9f0 rgb(249,249,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f2ecde
```
#f2ecde rgb(242,236,222)
```
#f2eede
```
#f2eede rgb(242,238,222)
```
#f2efde
```
#f2efde rgb(242,239,222)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#f1f2de
```
#f1f2de rgb(241,242,222)
```
#f0f2de
```
#f0f2de rgb(240,242,222)
```
#eef2de
```
#eef2de rgb(238,242,222)
```

Similar Colors

Text with hexadecimal color #f2f1de

This text has a font color of #f2f1de.

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

#f2f1de background color

This paragraph has a background color of #f2f1de.

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

#f2f1de border color

This element has a border color of #f2f1de.

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

CSS codes

.text {color:#f2f1de;}

.background {background-color:#f2f1de;}

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

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

#090904
```
#090904 rgb(9,9,4)
```
#171709
```
#171709 rgb(23,23,9)
```
#25240f
```
#25240f rgb(37,36,15)
```
#333214
```
#333214 rgb(51,50,20)
```
#42401a
```
#42401a rgb(66,64,26)
```
#504d1f
```
#504d1f rgb(80,77,31)
```
#5e5b25
```
#5e5b25 rgb(94,91,37)
```
#6c682a
```
#6c682a rgb(108,104,42)
```
#7a7630
```
#7a7630 rgb(122,118,48)
```
#888436
```
#888436 rgb(136,132,54)
```
#96913b
```
#96913b rgb(150,145,59)
```
#a49f41
```
#a49f41 rgb(164,159,65)
```
#b2ad46
```
#b2ad46 rgb(178,173,70)
```

Shade Color Variation

#bbb551
```
#bbb551 rgb(187,181,81)
```
#c0bb5f
```
#c0bb5f rgb(192,187,95)
```
#c6c16d
```
#c6c16d rgb(198,193,109)
```
#cbc77b
```
#cbc77b rgb(203,199,123)
```
#d1cd8a
```
#d1cd8a rgb(209,205,138)
```
#d6d398
```
#d6d398 rgb(214,211,152)
```
#dcd9a6
```
#dcd9a6 rgb(220,217,166)
```
#e1dfb4
```
#e1dfb4 rgb(225,223,180)
```
#e7e5c2
```
#e7e5c2 rgb(231,229,194)
```
#ecebd0
```
#ecebd0 rgb(236,235,208)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#f8f7ec
```
#f8f7ec rgb(248,247,236)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#e9e9e7
```
#e9e9e7 rgb(233,233,231)
```
#ebebe5
```
#ebebe5 rgb(235,235,229)
```
#edece3
```
#edece3 rgb(237,236,227)
```
#eeeee2
```
#eeeee2 rgb(238,238,226)
```
#f0efe0
```
#f0efe0 rgb(240,239,224)
```
#f2f1de
```
#f2f1de rgb(242,241,222)
```
#f4f3dc
```
#f4f3dc rgb(244,243,220)
```
#f6f4da
```
#f6f4da rgb(246,244,218)
```
#f7f6d9
```
#f7f6d9 rgb(247,246,217)
```
#f9f7d7
```
#f9f7d7 rgb(249,247,215)
```
#fbf9d5
```
#fbf9d5 rgb(251,249,213)
```
#fdfbd3
```
#fdfbd3 rgb(253,251,211)
```
#fefcd2
```
#fefcd2 rgb(254,252,210)
```

Tone Color Variation

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

#efefef Achromatopsia 0.005% of the population
#f0efec Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9efde Protanopia 1% of men
#ffece9 Deuteranopia 1% of men
#f7edfd Tritanopia 0.001% of the population

Trichromacy

#f6f0de Protanomaly 1% of men, 0.01% of women
#faeee5 Deuteranomaly 6% of men, 0.4% of women
#f5eef2 Tritanomaly 0.01% of the population

#f2f1de hex color

#f2f1de Color Information

#f2f1de Color Conversion

Color Schemes with #f2f1de

Alternatives to #f2f1de

#f2f1de Preview

Shades and Tints of #f2f1de

Tones of #f2f1de

Color Blindness Simulator