colorhexa.com

#f2e2cc hex color

In a RGB color space, hex #f2e2cc is composed of 94.9% red, 88.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.6% magenta, 15.7% yellow and 5.1% black. It has a hue angle of 34.7 degrees, a saturation of 59.4% and a lightness of 87.5%. #f2e2cc color hex could be obtained by blending #ffffff with #e5c599. Closest websafe color is: #ffcccc.

- R 95
- G 89
- B 80
RGB color chart
- C 0
- M 7
- Y 16
- K 5
CMYK color chart

● #f2e2cc color description : Light grayish orange.

The hexadecimal color #f2e2cc has RGB values of R:242, G:226, B:204 and CMYK values of C:0, M:0.07, Y:0.16, K:0.05. Its decimal value is 15917772.

Hex triplet	f2e2cc	`#f2e2cc`
RGB Decimal	242, 226, 204	`rgb(242,226,204)`
RGB Percent	94.9, 88.6, 80	`rgb(94.9%,88.6%,80%)`
CMYK	0, 7, 16, 5
HSL	34.7°, 59.4, 87.5	`hsl(34.7,59.4%,87.5%)`
HSV (or HSB)	34.7°, 15.7, 94.9
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	90.611, 1.915, 12.714
XYZ	74.712, 77.631, 68.172
xyY	0.339, 0.352, 77.631
CIE-LCH	90.611, 12.857, 81.435
CIE-LUV	90.611, 10.794, 18.395
Hunter-Lab	88.108, -2.829, 15.801
Binary	11110010, 11100010, 11001100

#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#ccdcf2
```
#ccdcf2 rgb(204,220,242)
```

Complementary Color

#f2cfcc
```
#f2cfcc rgb(242,207,204)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#eff2cc
```
#eff2cc rgb(239,242,204)
```

Analogous Color

#cfccf2
```
#cfccf2 rgb(207,204,242)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#cceff2
```
#cceff2 rgb(204,239,242)
```

Split Complementary Color

#e2ccf2
```
#e2ccf2 rgb(226,204,242)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#ccf2e2
```
#ccf2e2 rgb(204,242,226)
```

Triadic Color

#f2ccdc
```
#f2ccdc rgb(242,204,220)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#ccf2e2
```
#ccf2e2 rgb(204,242,226)
```
#ccdcf2
```
#ccdcf2 rgb(204,220,242)
```

Tetradic Color

#e2bf8f
```
#e2bf8f rgb(226,191,143)
```
#e8cba3
```
#e8cba3 rgb(232,203,163)
```
#edd6b8
```
#edd6b8 rgb(237,214,184)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#f7eee0
```
#f7eee0 rgb(247,238,224)
```
#fcf9f5
```
#fcf9f5 rgb(252,249,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f2d9cc
```
#f2d9cc rgb(242,217,204)
```
#f2dccc
```
#f2dccc rgb(242,220,204)
```
#f2dfcc
```
#f2dfcc rgb(242,223,204)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#f2e5cc
```
#f2e5cc rgb(242,229,204)
```
#f2e8cc
```
#f2e8cc rgb(242,232,204)
```
#f2eccc
```
#f2eccc rgb(242,236,204)
```

Similar Colors

Text with hexadecimal color #f2e2cc

This text has a font color of #f2e2cc.

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

#f2e2cc background color

This paragraph has a background color of #f2e2cc.

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

#f2e2cc border color

This element has a border color of #f2e2cc.

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

CSS codes

.text {color:#f2e2cc;}

.background {background-color:#f2e2cc;}

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

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, #0c0803 is the darkest color, while #fefdfb is the lightest one.

#0c0803
```
#0c0803 rgb(12,8,3)
```
#1b1307
```
#1b1307 rgb(27,19,7)
```
#2b1d0b
```
#2b1d0b rgb(43,29,11)
```
#3a280f
```
#3a280f rgb(58,40,15)
```
#4a3313
```
#4a3313 rgb(74,51,19)
```
#5a3e17
```
#5a3e17 rgb(90,62,23)
```
#69481b
```
#69481b rgb(105,72,27)
```
#79531f
```
#79531f rgb(121,83,31)
```
#895e23
```
#895e23 rgb(137,94,35)
```
#986827
```
#986827 rgb(152,104,39)
```
#a8732b
```
#a8732b rgb(168,115,43)
```
#b77e2f
```
#b77e2f rgb(183,126,47)
```
#c78933
```
#c78933 rgb(199,137,51)
```

Shade Color Variation

#ce923f
```
#ce923f rgb(206,146,63)
```
#d29b4f
```
#d29b4f rgb(210,155,79)
```
#d6a45f
```
#d6a45f rgb(214,164,95)
```
#daad6e
```
#daad6e rgb(218,173,110)
```
#deb67e
```
#deb67e rgb(222,182,126)
```
#e2be8d
```
#e2be8d rgb(226,190,141)
```
#e6c79d
```
#e6c79d rgb(230,199,157)
```
#ead0ad
```
#ead0ad rgb(234,208,173)
```
#eed9bc
```
#eed9bc rgb(238,217,188)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#f6ebdc
```
#f6ebdc rgb(246,235,220)
```
#faf4eb
```
#faf4eb rgb(250,244,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#e1dfdd
```
#e1dfdd rgb(225,223,221)
```
#e3e0db
```
#e3e0db rgb(227,224,219)
```
#e6e0d8
```
#e6e0d8 rgb(230,224,216)
```
#e8e0d6
```
#e8e0d6 rgb(232,224,214)
```
#ebe1d3
```
#ebe1d3 rgb(235,225,211)
```
#ede1d1
```
#ede1d1 rgb(237,225,209)
```
#f0e2ce
```
#f0e2ce rgb(240,226,206)
```
#f2e2cc
```
#f2e2cc rgb(242,226,204)
```
#f4e2ca
```
#f4e2ca rgb(244,226,202)
```
#f7e3c7
```
#f7e3c7 rgb(247,227,199)
```
#f9e3c5
```
#f9e3c5 rgb(249,227,197)
```
#fce4c2
```
#fce4c2 rgb(252,228,194)
```
#fee4c0
```
#fee4c0 rgb(254,228,192)
```

Tone Color Variation

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

#e4e4e4 Achromatopsia 0.005% of the population
#e7e4df Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee4cf Protanopia 1% of men
#ffded3 Deuteranopia 1% of men
#f7deee Tritanopia 0.001% of the population

Trichromacy

#efe3ce Protanomaly 1% of men, 0.01% of women
#fae0d0 Deuteranomaly 6% of men, 0.4% of women
#f5dfe1 Tritanomaly 0.01% of the population