#f5f1dd hex color

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

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

● #f5f1dd color description : Light grayish yellow.

The hexadecimal color #f5f1dd has RGB values of R:245, G:241, B:221 and CMYK values of C:0, M:0.02, Y:0.1, K:0.04. Its decimal value is 16118237.

Hex triplet	f5f1dd	`#f5f1dd`
RGB Decimal	245, 241, 221	`rgb(245,241,221)`
RGB Percent	96.1, 94.5, 86.7	`rgb(96.1%,94.5%,86.7%)`
CMYK	0, 2, 10, 4
HSL	50°, 54.5, 91.4	`hsl(50,54.5%,91.4%)`
HSV (or HSB)	50°, 9.8, 96.1
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	94.969, -2.016, 10.126
XYZ	82.16, 87.544, 80.972
xyY	0.328, 0.349, 87.544
CIE-LCH	94.969, 10.325, 101.257
CIE-LUV	94.969, 3.416, 15.562
Hunter-Lab	93.565, -6.996, 14.185
Binary	11110101, 11110001, 11011101

#f5f1dd
```
#f5f1dd rgb(245,241,221)
```
#dde1f5
```
#dde1f5 rgb(221,225,245)
```

Complementary Color

#f5e5dd
```
#f5e5dd rgb(245,229,221)
```
#f5f1dd
```
#f5f1dd rgb(245,241,221)
```
#edf5dd
```
#edf5dd rgb(237,245,221)
```

Analogous Color

#e5ddf5
```
#e5ddf5 rgb(229,221,245)
```
#f5f1dd
```
#f5f1dd rgb(245,241,221)
```
#ddedf5
```
#ddedf5 rgb(221,237,245)
```

Split Complementary Color

#f1ddf5
```
#f1ddf5 rgb(241,221,245)
```
#f5f1dd
```
#f5f1dd rgb(245,241,221)
```
#ddf5f1
```
#ddf5f1 rgb(221,245,241)
```

Triadic Color

#f5dde1
```
#f5dde1 rgb(245,221,225)
```
#f5f1dd
```
#f5f1dd rgb(245,241,221)
```
#ddf5f1
```
#ddf5f1 rgb(221,245,241)
```
#dde1f5
```
#dde1f5 rgb(221,225,245)
```

Tetradic Color

#e4d9a2
```
#e4d9a2 rgb(228,217,162)
```
#e9e1b6
```
#e9e1b6 rgb(233,225,182)
```
#efe9c9
```
#efe9c9 rgb(239,233,201)
```
#f5f1dd
```
#f5f1dd rgb(245,241,221)
```
#fbf9f1
```
#fbf9f1 rgb(251,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f5ebdd
```
#f5ebdd rgb(245,235,221)
```
#f5eddd
```
#f5eddd rgb(245,237,221)
```
#f5efdd
```
#f5efdd rgb(245,239,221)
```
#f5f1dd
```
#f5f1dd rgb(245,241,221)
```
#f5f3dd
```
#f5f3dd rgb(245,243,221)
```
#f5f5dd
```
#f5f5dd rgb(245,245,221)
```
#f3f5dd
```
#f3f5dd rgb(243,245,221)
```

Similar Colors

Text with hexadecimal color #f5f1dd

This text has a font color of #f5f1dd.

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

#f5f1dd background color

This paragraph has a background color of #f5f1dd.

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

#f5f1dd border color

This element has a border color of #f5f1dd.

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

CSS codes

.text {color:#f5f1dd;}

.background {background-color:#f5f1dd;}

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

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)
```
#1b1708
```
#1b1708 rgb(27,23,8)
```
#2a250c
```
#2a250c rgb(42,37,12)
```
#393211
```
#393211 rgb(57,50,17)
```
#484015
```
#484015 rgb(72,64,21)
```
#574d1a
```
#574d1a rgb(87,77,26)
```
#665a1e
```
#665a1e rgb(102,90,30)
```
#766823
```
#766823 rgb(118,104,35)
```
#857527
```
#857527 rgb(133,117,39)
```
#94822b
```
#94822b rgb(148,130,43)
```
#a39030
```
#a39030 rgb(163,144,48)
```
#b29d34
```
#b29d34 rgb(178,157,52)
```
#c1ab39
```
#c1ab39 rgb(193,171,57)
```

Shade Color Variation

#c8b345
```
#c8b345 rgb(200,179,69)
```
#cdb955
```
#cdb955 rgb(205,185,85)
```
#d1bf64
```
#d1bf64 rgb(209,191,100)
```
#d6c573
```
#d6c573 rgb(214,197,115)
```
#dacc82
```
#dacc82 rgb(218,204,130)
```
#dfd291
```
#dfd291 rgb(223,210,145)
```
#e3d8a0
```
#e3d8a0 rgb(227,216,160)
```
#e8deb0
```
#e8deb0 rgb(232,222,176)
```
#ece5bf
```
#ece5bf rgb(236,229,191)
```
#f1ebce
```
#f1ebce rgb(241,235,206)
```
#f5f1dd
```
#f5f1dd rgb(245,241,221)
```
#f9f7ec
```
#f9f7ec rgb(249,247,236)
```
#fefdfb
```
#fefdfb rgb(254,253,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 #fdf7d5 is the most saturated one.

#e9e9e9
```
#e9e9e9 rgb(233,233,233)
```
#ebeae7
```
#ebeae7 rgb(235,234,231)
```
#edebe5
```
#edebe5 rgb(237,235,229)
```
#eeece4
```
#eeece4 rgb(238,236,228)
```
#f0eee2
```
#f0eee2 rgb(240,238,226)
```
#f2efe0
```
#f2efe0 rgb(242,239,224)
```
#f3f0df
```
#f3f0df rgb(243,240,223)
```
#f5f1dd
```
#f5f1dd rgb(245,241,221)
```
#f7f2db
```
#f7f2db rgb(247,242,219)
```
#f8f3da
```
#f8f3da rgb(248,243,218)
```
#faf4d8
```
#faf4d8 rgb(250,244,216)
```
#fcf6d6
```
#fcf6d6 rgb(252,246,214)
```
#fdf7d5
```
#fdf7d5 rgb(253,247,213)
```

Tone Color Variation

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

#faf0de Protanopia 1% of men
#ffedea Deuteranopia 1% of men
#faecfd Tritanopia 0.001% of the population

Trichromacy

#f8f0dd Protanomaly 1% of men, 0.01% of women
#fbeee5 Deuteranomaly 6% of men, 0.4% of women
#f8eef1 Tritanomaly 0.01% of the population

#f5f1dd hex color

#f5f1dd Color Information

#f5f1dd Color Conversion

Color Schemes with #f5f1dd

Alternatives to #f5f1dd

#f5f1dd Preview

Shades and Tints of #f5f1dd

Tones of #f5f1dd

Color Blindness Simulator