#f5f2dc hex color

In a RGB color space, hex #f5f2dc is composed of 96.1% red, 94.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.2% magenta, 10.2% yellow and 3.9% black. It has a hue angle of 52.8 degrees, a saturation of 55.6% and a lightness of 91.2%. #f5f2dc color hex could be obtained by blending #ffffff with #ebe5b9. Closest websafe color is: #ffffcc.

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

● #f5f2dc color description : Light grayish yellow.

The hexadecimal color #f5f2dc has RGB values of R:245, G:242, B:220 and CMYK values of C:0, M:0.01, Y:0.1, K:0.04. Its decimal value is 16118492.

Hex triplet	f5f2dc	`#f5f2dc`
RGB Decimal	245, 242, 220	`rgb(245,242,220)`
RGB Percent	96.1, 94.9, 86.3	`rgb(96.1%,94.9%,86.3%)`
CMYK	0, 1, 10, 4
HSL	52.8°, 55.6, 91.2	`hsl(52.8,55.6%,91.2%)`
HSV (or HSB)	52.8°, 10.2, 96.1
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	95.196, -2.681, 10.969
XYZ	82.324, 88.084, 80.371
xyY	0.328, 0.351, 88.084
CIE-LCH	95.196, 11.292, 103.737
CIE-LUV	95.196, 2.942, 16.919
Hunter-Lab	93.853, -7.67, 14.924
Binary	11110101, 11110010, 11011100

#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#dcdff5
```
#dcdff5 rgb(220,223,245)
```

Complementary Color

#f5e6dc
```
#f5e6dc rgb(245,230,220)
```
#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#ecf5dc
```
#ecf5dc rgb(236,245,220)
```

Analogous Color

#e6dcf5
```
#e6dcf5 rgb(230,220,245)
```
#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#dcecf5
```
#dcecf5 rgb(220,236,245)
```

Split Complementary Color

#f2dcf5
```
#f2dcf5 rgb(242,220,245)
```
#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#dcf5f2
```
#dcf5f2 rgb(220,245,242)
```

Triadic Color

#f5dcdf
```
#f5dcdf rgb(245,220,223)
```
#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#dcf5f2
```
#dcf5f2 rgb(220,245,242)
```
#dcdff5
```
#dcdff5 rgb(220,223,245)
```

Tetradic Color

#e4dca1
```
#e4dca1 rgb(228,220,161)
```
#eae3b4
```
#eae3b4 rgb(234,227,180)
```
#efebc8
```
#efebc8 rgb(239,235,200)
```
#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#fbf9f0
```
#fbf9f0 rgb(251,249,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f5ecdc
```
#f5ecdc rgb(245,236,220)
```
#f5eedc
```
#f5eedc rgb(245,238,220)
```
#f5f0dc
```
#f5f0dc rgb(245,240,220)
```
#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#f5f4dc
```
#f5f4dc rgb(245,244,220)
```
#f4f5dc
```
#f4f5dc rgb(244,245,220)
```
#f2f5dc
```
#f2f5dc rgb(242,245,220)
```

Similar Colors

Text with hexadecimal color #f5f2dc

This text has a font color of #f5f2dc.

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

#f5f2dc background color

This paragraph has a background color of #f5f2dc.

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

#f5f2dc border color

This element has a border color of #f5f2dc.

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

CSS codes

.text {color:#f5f2dc;}

.background {background-color:#f5f2dc;}

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

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

#0b0a03
```
#0b0a03 rgb(11,10,3)
```
#1a1807
```
#1a1807 rgb(26,24,7)
```
#29260c
```
#29260c rgb(41,38,12)
```
#393410
```
#393410 rgb(57,52,16)
```
#484215
```
#484215 rgb(72,66,21)
```
#575019
```
#575019 rgb(87,80,25)
```
#665e1d
```
#665e1d rgb(102,94,29)
```
#766b22
```
#766b22 rgb(118,107,34)
```
#857926
```
#857926 rgb(133,121,38)
```
#94872a
```
#94872a rgb(148,135,42)
```
#a3952f
```
#a3952f rgb(163,149,47)
```
#b3a333
```
#b3a333 rgb(179,163,51)
```
#c2b137
```
#c2b137 rgb(194,177,55)
```

Shade Color Variation

#c9b943
```
#c9b943 rgb(201,185,67)
```
#cebf53
```
#cebf53 rgb(206,191,83)
```
#d2c562
```
#d2c562 rgb(210,197,98)
```
#d6ca71
```
#d6ca71 rgb(214,202,113)
```
#dbd080
```
#dbd080 rgb(219,208,128)
```
#dfd690
```
#dfd690 rgb(223,214,144)
```
#e4db9f
```
#e4db9f rgb(228,219,159)
```
#e8e1ae
```
#e8e1ae rgb(232,225,174)
```
#ece7bd
```
#ece7bd rgb(236,231,189)
```
#f1eccd
```
#f1eccd rgb(241,236,205)
```
#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#f9f8eb
```
#f9f8eb rgb(249,248,235)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#e9e9e8
```
#e9e9e8 rgb(233,233,232)
```
#ebeae6
```
#ebeae6 rgb(235,234,230)
```
#ecebe5
```
#ecebe5 rgb(236,235,229)
```
#eeede3
```
#eeede3 rgb(238,237,227)
```
#f0eee1
```
#f0eee1 rgb(240,238,225)
```
#f2efdf
```
#f2efdf rgb(242,239,223)
```
#f3f1de
```
#f3f1de rgb(243,241,222)
```
#f5f2dc
```
#f5f2dc rgb(245,242,220)
```
#f7f3da
```
#f7f3da rgb(247,243,218)
```
#f8f5d9
```
#f8f5d9 rgb(248,245,217)
```
#faf6d7
```
#faf6d7 rgb(250,246,215)
```
#fcf7d5
```
#fcf7d5 rgb(252,247,213)
```
#fef9d3
```
#fef9d3 rgb(254,249,211)
```

Tone Color Variation

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

#f0f0f0 Achromatopsia 0.005% of the population
#f1f0ec Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbf1dd Protanopia 1% of men
#ffeeea Deuteranopia 1% of men
#faedfe Tritanopia 0.001% of the population

Trichromacy

#f8f1dc Protanomaly 1% of men, 0.01% of women
#fbefe5 Deuteranomaly 6% of men, 0.4% of women
#f8eff2 Tritanomaly 0.01% of the population

#f5f2dc hex color

#f5f2dc Color Information

#f5f2dc Color Conversion

Color Schemes with #f5f2dc

Alternatives to #f5f2dc

#f5f2dc Preview

Shades and Tints of #f5f2dc

Tones of #f5f2dc

Color Blindness Simulator