#f5f2dd hex color

In a RGB color space, hex #f5f2dd is composed of 96.1% red, 94.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.2% magenta, 9.8% yellow and 3.9% black. It has a hue angle of 52.5 degrees, a saturation of 54.5% and a lightness of 91.4%. #f5f2dd color hex could be obtained by blending #ffffff with #ebe5bb. Closest websafe color is: #ffffcc.

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

● #f5f2dd color description : Light grayish yellow.

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

Hex triplet	f5f2dd	`#f5f2dd`
RGB Decimal	245, 242, 221	`rgb(245,242,221)`
RGB Percent	96.1, 94.9, 86.7	`rgb(96.1%,94.9%,86.7%)`
CMYK	0, 1, 10, 4
HSL	52.5°, 54.5, 91.4	`hsl(52.5,54.5%,91.4%)`
HSV (or HSB)	52.5°, 9.8, 96.1
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	95.219, -2.521, 10.484
XYZ	82.457, 88.138, 81.071
xyY	0.328, 0.35, 88.138
CIE-LCH	95.219, 10.783, 103.523
CIE-LUV	95.219, 2.886, 16.185
Hunter-Lab	93.882, -7.514, 14.518
Binary	11110101, 11110010, 11011101

#f5f2dd
```
#f5f2dd rgb(245,242,221)
```
#dde0f5
```
#dde0f5 rgb(221,224,245)
```

Complementary Color

#f5e6dd
```
#f5e6dd rgb(245,230,221)
```
#f5f2dd
```
#f5f2dd rgb(245,242,221)
```
#ecf5dd
```
#ecf5dd rgb(236,245,221)
```

Analogous Color

#e6ddf5
```
#e6ddf5 rgb(230,221,245)
```
#f5f2dd
```
#f5f2dd rgb(245,242,221)
```
#ddecf5
```
#ddecf5 rgb(221,236,245)
```

Split Complementary Color

#f2ddf5
```
#f2ddf5 rgb(242,221,245)
```
#f5f2dd
```
#f5f2dd rgb(245,242,221)
```
#ddf5f2
```
#ddf5f2 rgb(221,245,242)
```

Triadic Color

#f5dde0
```
#f5dde0 rgb(245,221,224)
```
#f5f2dd
```
#f5f2dd rgb(245,242,221)
```
#ddf5f2
```
#ddf5f2 rgb(221,245,242)
```
#dde0f5
```
#dde0f5 rgb(221,224,245)
```

Tetradic Color

#e4dba2
```
#e4dba2 rgb(228,219,162)
```
#e9e3b6
```
#e9e3b6 rgb(233,227,182)
```
#efeac9
```
#efeac9 rgb(239,234,201)
```
#f5f2dd
```
#f5f2dd rgb(245,242,221)
```
#fbfaf1
```
#fbfaf1 rgb(251,250,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f5ecdd
```
#f5ecdd rgb(245,236,221)
```
#f5eedd
```
#f5eedd rgb(245,238,221)
```
#f5f0dd
```
#f5f0dd rgb(245,240,221)
```
#f5f2dd
```
#f5f2dd rgb(245,242,221)
```
#f5f4dd
```
#f5f4dd rgb(245,244,221)
```
#f4f5dd
```
#f4f5dd rgb(244,245,221)
```
#f2f5dd
```
#f2f5dd rgb(242,245,221)
```

Similar Colors

Text with hexadecimal color #f5f2dd

This text has a font color of #f5f2dd.

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

#f5f2dd background color

This paragraph has a background color of #f5f2dd.

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

#f5f2dd border color

This element has a border color of #f5f2dd.

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

CSS codes

.text {color:#f5f2dd;}

.background {background-color:#f5f2dd;}

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

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 #fefefb is the lightest one.

#0b0a03
```
#0b0a03 rgb(11,10,3)
```
#1b1808
```
#1b1808 rgb(27,24,8)
```
#2a260c
```
#2a260c rgb(42,38,12)
```
#393411
```
#393411 rgb(57,52,17)
```
#484215
```
#484215 rgb(72,66,21)
```
#57501a
```
#57501a rgb(87,80,26)
```
#665d1e
```
#665d1e rgb(102,93,30)
```
#766b23
```
#766b23 rgb(118,107,35)
```
#857927
```
#857927 rgb(133,121,39)
```
#94872b
```
#94872b rgb(148,135,43)
```
#a39530
```
#a39530 rgb(163,149,48)
```
#b2a234
```
#b2a234 rgb(178,162,52)
```
#c1b039
```
#c1b039 rgb(193,176,57)
```

Shade Color Variation

#c8b845
```
#c8b845 rgb(200,184,69)
```
#cdbe55
```
#cdbe55 rgb(205,190,85)
```
#d1c464
```
#d1c464 rgb(209,196,100)
```
#d6c973
```
#d6c973 rgb(214,201,115)
```
#dacf82
```
#dacf82 rgb(218,207,130)
```
#dfd591
```
#dfd591 rgb(223,213,145)
```
#e3dba0
```
#e3dba0 rgb(227,219,160)
```
#e8e1b0
```
#e8e1b0 rgb(232,225,176)
```
#ece6bf
```
#ece6bf rgb(236,230,191)
```
#f1ecce
```
#f1ecce rgb(241,236,206)
```
#f5f2dd
```
#f5f2dd rgb(245,242,221)
```
#f9f8ec
```
#f9f8ec rgb(249,248,236)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#e9e9e9
```
#e9e9e9 rgb(233,233,233)
```
#ebeae7
```
#ebeae7 rgb(235,234,231)
```
#edece5
```
#edece5 rgb(237,236,229)
```
#eeede4
```
#eeede4 rgb(238,237,228)
```
#f0eee2
```
#f0eee2 rgb(240,238,226)
```
#f2efe0
```
#f2efe0 rgb(242,239,224)
```
#f3f1df
```
#f3f1df rgb(243,241,223)
```
#f5f2dd
```
#f5f2dd rgb(245,242,221)
```
#f7f3db
```
#f7f3db rgb(247,243,219)
```
#f8f5da
```
#f8f5da rgb(248,245,218)
```
#faf6d8
```
#faf6d8 rgb(250,246,216)
```
#fcf7d6
```
#fcf7d6 rgb(252,247,214)
```
#fdf8d5
```
#fdf8d5 rgb(253,248,213)
```

Tone Color Variation

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

#f1f1f1 Achromatopsia 0.005% of the population
#f2f1ed Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#f5f2dd hex color

#f5f2dd Color Information

#f5f2dd Color Conversion

Color Schemes with #f5f2dd

Alternatives to #f5f2dd

#f5f2dd Preview

Shades and Tints of #f5f2dd

Tones of #f5f2dd

Color Blindness Simulator