#f2f2d4 hex color

In a RGB color space, hex #f2f2d4 is composed of 94.9% red, 94.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 12.4% yellow and 5.1% black. It has a hue angle of 60 degrees, a saturation of 53.6% and a lightness of 89%. #f2f2d4 color hex could be obtained by blending #ffffff with #e5e5a9. Closest websafe color is: #ffffcc.

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

● #f2f2d4 color description : Light grayish yellow.

The hexadecimal color #f2f2d4 has RGB values of R:242, G:242, B:212 and CMYK values of C:0, M:0, Y:0.12, K:0.05. Its decimal value is 15921876.

Hex triplet	f2f2d4	`#f2f2d4`
RGB Decimal	242, 242, 212	`rgb(242,242,212)`
RGB Percent	94.9, 94.9, 83.1	`rgb(94.9%,94.9%,83.1%)`
CMYK	0, 0, 12, 5
HSL	60°, 53.6, 89	`hsl(60,53.6%,89%)`
HSV (or HSB)	60°, 12.4, 94.9
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	94.796, -4.988, 14.496
XYZ	80.252, 87.135, 74.875
xyY	0.331, 0.36, 87.135
CIE-LCH	94.796, 15.33, 108.987
CIE-LUV	94.796, 1.611, 22.403
Hunter-Lab	93.346, -9.896, 17.785
Binary	11110010, 11110010, 11010100

#f2f2d4
```
#f2f2d4 rgb(242,242,212)
```
#d4d4f2
```
#d4d4f2 rgb(212,212,242)
```

Complementary Color

#f2e3d4
```
#f2e3d4 rgb(242,227,212)
```
#f2f2d4
```
#f2f2d4 rgb(242,242,212)
```
#e3f2d4
```
#e3f2d4 rgb(227,242,212)
```

Analogous Color

#e3d4f2
```
#e3d4f2 rgb(227,212,242)
```
#f2f2d4
```
#f2f2d4 rgb(242,242,212)
```
#d4e3f2
```
#d4e3f2 rgb(212,227,242)
```

Split Complementary Color

#f2d4f2
```
#f2d4f2 rgb(242,212,242)
```
#f2f2d4
```
#f2f2d4 rgb(242,242,212)
```
#d4f2f2
```
#d4f2f2 rgb(212,242,242)
```

Triadic Color

#f2d4d4
```
#f2d4d4 rgb(242,212,212)
```
#f2f2d4
```
#f2f2d4 rgb(242,242,212)
```
#d4f2f2
```
#d4f2f2 rgb(212,242,242)
```
#d4d4f2
```
#d4d4f2 rgb(212,212,242)
```

Tetradic Color

#e0e099
```
#e0e099 rgb(224,224,153)
```
#e6e6ad
```
#e6e6ad rgb(230,230,173)
```
#ececc0
```
#ececc0 rgb(236,236,192)
```
#f2f2d4
```
#f2f2d4 rgb(242,242,212)
```
#f8f8e8
```
#f8f8e8 rgb(248,248,232)
```
#fefefb
```
#fefefb rgb(254,254,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f2ebd4
```
#f2ebd4 rgb(242,235,212)
```
#f2edd4
```
#f2edd4 rgb(242,237,212)
```
#f2f0d4
```
#f2f0d4 rgb(242,240,212)
```
#f2f2d4
```
#f2f2d4 rgb(242,242,212)
```
#f0f2d4
```
#f0f2d4 rgb(240,242,212)
```
#edf2d4
```
#edf2d4 rgb(237,242,212)
```
#ebf2d4
```
#ebf2d4 rgb(235,242,212)
```

Similar Colors

Text with hexadecimal color #f2f2d4

This text has a font color of #f2f2d4.

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

#f2f2d4 background color

This paragraph has a background color of #f2f2d4.

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

#f2f2d4 border color

This element has a border color of #f2f2d4.

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

CSS codes

.text {color:#f2f2d4;}

.background {background-color:#f2f2d4;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111105
```
#111105 rgb(17,17,5)
```
#20200a
```
#20200a rgb(32,32,10)
```
#2f2f0e
```
#2f2f0e rgb(47,47,14)
```
#3e3e13
```
#3e3e13 rgb(62,62,19)
```
#4d4d17
```
#4d4d17 rgb(77,77,23)
```
#5d5d1c
```
#5d5d1c rgb(93,93,28)
```
#6c6c21
```
#6c6c21 rgb(108,108,33)
```
#7b7b25
```
#7b7b25 rgb(123,123,37)
```
#8a8a2a
```
#8a8a2a rgb(138,138,42)
```
#99992e
```
#99992e rgb(153,153,46)
```
#a8a833
```
#a8a833 rgb(168,168,51)
```
#b7b737
```
#b7b737 rgb(183,183,55)
```

Shade Color Variation

#c4c43d
```
#c4c43d rgb(196,196,61)
```
#c9c94c
```
#c9c94c rgb(201,201,76)
```
#cece5c
```
#cece5c rgb(206,206,92)
```
#d2d26b
```
#d2d26b rgb(210,210,107)
```
#d7d77a
```
#d7d77a rgb(215,215,122)
```
#dbdb89
```
#dbdb89 rgb(219,219,137)
```
#e0e098
```
#e0e098 rgb(224,224,152)
```
#e4e4a7
```
#e4e4a7 rgb(228,228,167)
```
#e9e9b6
```
#e9e9b6 rgb(233,233,182)
```
#ededc5
```
#ededc5 rgb(237,237,197)
```
#f2f2d4
```
#f2f2d4 rgb(242,242,212)
```
#f7f7e3
```
#f7f7e3 rgb(247,247,227)
```
#fbfbf2
```
#fbfbf2 rgb(251,251,242)
```

Tint Color Variation

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

#e5e5e1
```
#e5e5e1 rgb(229,229,225)
```
#e7e7df
```
#e7e7df rgb(231,231,223)
```
#e9e9dd
```
#e9e9dd rgb(233,233,221)
```
#ececda
```
#ececda rgb(236,236,218)
```
#eeeed8
```
#eeeed8 rgb(238,238,216)
```
#f0f0d6
```
#f0f0d6 rgb(240,240,214)
```
#f2f2d4
```
#f2f2d4 rgb(242,242,212)
```
#f4f4d2
```
#f4f4d2 rgb(244,244,210)
```
#f6f6d0
```
#f6f6d0 rgb(246,246,208)
```
#f8f8ce
```
#f8f8ce rgb(248,248,206)
```
#fbfbcb
```
#fbfbcb rgb(251,251,203)
```
#fdfdc9
```
#fdfdc9 rgb(253,253,201)
```
#ffffc7
```
#ffffc7 rgb(255,255,199)
```

Tone Color Variation

Below, you can see how #f2f2d4 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
#f0f0ea Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbf0d5 Protanopia 1% of men
#ffede6 Deuteranopia 1% of men
#f9ecfd Tritanopia 0.001% of the population

Trichromacy

#f8f0d4 Protanomaly 1% of men, 0.01% of women
#faefe0 Deuteranomaly 6% of men, 0.4% of women
#f6eeee Tritanomaly 0.01% of the population

#f2f2d4 hex color

#f2f2d4 Color Information

#f2f2d4 Color Conversion

Color Schemes with #f2f2d4

Alternatives to #f2f2d4

#f2f2d4 Preview

Shades and Tints of #f2f2d4

Tones of #f2f2d4

Color Blindness Simulator