#f5f4dc hex color

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

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

● #f5f4dc color description : Light grayish yellow.

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

Hex triplet	f5f4dc	`#f5f4dc`
RGB Decimal	245, 244, 220	`rgb(245,244,220)`
RGB Percent	96.1, 95.7, 86.3	`rgb(96.1%,95.7%,86.3%)`
CMYK	0, 0, 10, 4
HSL	57.6°, 55.6, 91.2	`hsl(57.6,55.6%,91.2%)`
HSV (or HSB)	57.6°, 10.2, 96.1
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	95.698, -3.69, 11.684
XYZ	82.923, 89.281, 80.571
xyY	0.328, 0.353, 89.281
CIE-LCH	95.698, 12.253, 107.529
CIE-LUV	95.698, 1.88, 18.16
Hunter-Lab	94.489, -8.705, 15.586
Binary	11110101, 11110100, 11011100

#f5f4dc
```
#f5f4dc rgb(245,244,220)
```
#dcddf5
```
#dcddf5 rgb(220,221,245)
```

Complementary Color

#f5e8dc
```
#f5e8dc rgb(245,232,220)
```
#f5f4dc
```
#f5f4dc rgb(245,244,220)
```
#eaf5dc
```
#eaf5dc rgb(234,245,220)
```

Analogous Color

#e8dcf5
```
#e8dcf5 rgb(232,220,245)
```
#f5f4dc
```
#f5f4dc rgb(245,244,220)
```
#dceaf5
```
#dceaf5 rgb(220,234,245)
```

Split Complementary Color

#f4dcf5
```
#f4dcf5 rgb(244,220,245)
```
#f5f4dc
```
#f5f4dc rgb(245,244,220)
```
#dcf5f4
```
#dcf5f4 rgb(220,245,244)
```

Triadic Color

#f5dcdd
```
#f5dcdd rgb(245,220,221)
```
#f5f4dc
```
#f5f4dc rgb(245,244,220)
```
#dcf5f4
```
#dcf5f4 rgb(220,245,244)
```
#dcddf5
```
#dcddf5 rgb(220,221,245)
```

Tetradic Color

#e4e1a1
```
#e4e1a1 rgb(228,225,161)
```
#eae8b4
```
#eae8b4 rgb(234,232,180)
```
#efeec8
```
#efeec8 rgb(239,238,200)
```
#f5f4dc
```
#f5f4dc rgb(245,244,220)
```
#fbfaf0
```
#fbfaf0 rgb(251,250,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#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)
```
#f0f5dc
```
#f0f5dc rgb(240,245,220)
```

Similar Colors

Text with hexadecimal color #f5f4dc

This text has a font color of #f5f4dc.

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

#f5f4dc background color

This paragraph has a background color of #f5f4dc.

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

#f5f4dc border color

This element has a border color of #f5f4dc.

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

CSS codes

.text {color:#f5f4dc;}

.background {background-color:#f5f4dc;}

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

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)
```
#1a1907
```
#1a1907 rgb(26,25,7)
```
#29280c
```
#29280c rgb(41,40,12)
```
#393710
```
#393710 rgb(57,55,16)
```
#484615
```
#484615 rgb(72,70,21)
```
#575519
```
#575519 rgb(87,85,25)
```
#66631d
```
#66631d rgb(102,99,29)
```
#767222
```
#767222 rgb(118,114,34)
```
#858126
```
#858126 rgb(133,129,38)
```
#94902a
```
#94902a rgb(148,144,42)
```
#a39f2f
```
#a39f2f rgb(163,159,47)
```
#b3ad33
```
#b3ad33 rgb(179,173,51)
```
#c2bc37
```
#c2bc37 rgb(194,188,55)
```

Shade Color Variation

#c9c443
```
#c9c443 rgb(201,196,67)
```
#cec953
```
#cec953 rgb(206,201,83)
```
#d2ce62
```
#d2ce62 rgb(210,206,98)
```
#d6d271
```
#d6d271 rgb(214,210,113)
```
#dbd780
```
#dbd780 rgb(219,215,128)
```
#dfdc90
```
#dfdc90 rgb(223,220,144)
```
#e4e19f
```
#e4e19f rgb(228,225,159)
```
#e8e6ae
```
#e8e6ae rgb(232,230,174)
```
#eceabd
```
#eceabd rgb(236,234,189)
```
#f1efcd
```
#f1efcd rgb(241,239,205)
```
#f5f4dc
```
#f5f4dc rgb(245,244,220)
```
#f9f9eb
```
#f9f9eb rgb(249,249,235)
```
#fefefb
```
#fefefb rgb(254,254,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 #fefcd3 is the most saturated one.

#e9e9e8
```
#e9e9e8 rgb(233,233,232)
```
#ebeae6
```
#ebeae6 rgb(235,234,230)
```
#ecece5
```
#ecece5 rgb(236,236,229)
```
#eeeee3
```
#eeeee3 rgb(238,238,227)
```
#f0efe1
```
#f0efe1 rgb(240,239,225)
```
#f2f1df
```
#f2f1df rgb(242,241,223)
```
#f3f2de
```
#f3f2de rgb(243,242,222)
```
#f5f4dc
```
#f5f4dc rgb(245,244,220)
```
#f7f6da
```
#f7f6da rgb(247,246,218)
```
#f8f7d9
```
#f8f7d9 rgb(248,247,217)
```
#faf9d7
```
#faf9d7 rgb(250,249,215)
```
#fcfad5
```
#fcfad5 rgb(252,250,213)
```
#fefcd3
```
#fefcd3 rgb(254,252,211)
```

Tone Color Variation

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

#f2f2f2 Achromatopsia 0.005% of the population
#f3f2ee Atypical Achromatopsia 0.001% of the population

Dichromacy

#fcf2dc Protanopia 1% of men
#fff0ec Deuteranopia 1% of men
#faefff Tritanopia 0.001% of the population

Trichromacy

#f9f2dc Protanomaly 1% of men, 0.01% of women
#fbf1e6 Deuteranomaly 6% of men, 0.4% of women
#f8f1f2 Tritanomaly 0.01% of the population

#f5f4dc hex color

#f5f4dc Color Information

#f5f4dc Color Conversion

Color Schemes with #f5f4dc

Alternatives to #f5f4dc

#f5f4dc Preview

Shades and Tints of #f5f4dc

Tones of #f5f4dc

Color Blindness Simulator