#f5f1ed hex color

In a RGB color space, hex #f5f1ed is composed of 96.1% red, 94.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 3.3% yellow and 3.9% black. It has a hue angle of 30 degrees, a saturation of 28.6% and a lightness of 94.5%. #f5f1ed color hex could be obtained by blending #ffffff with #ebe3db. Closest websafe color is: #ffffff.

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

● #f5f1ed color description : Light grayish orange.

The hexadecimal color #f5f1ed has RGB values of R:245, G:241, B:237 and CMYK values of C:0, M:0.02, Y:0.03, K:0.04. Its decimal value is 16118253.

Hex triplet	f5f1ed	`#f5f1ed`
RGB Decimal	245, 241, 237	`rgb(245,241,237)`
RGB Percent	96.1, 94.5, 92.9	`rgb(96.1%,94.5%,92.9%)`
CMYK	0, 2, 3, 4
HSL	30°, 28.6, 94.5	`hsl(30,28.6%,94.5%)`
HSV (or HSB)	30°, 3.3, 96.1
Web Safe	ffffff	`#ffffff`

CIE-LAB	95.345, 0.641, 2.391
XYZ	84.395, 88.438, 92.74
xyY	0.318, 0.333, 88.438
CIE-LCH	95.345, 2.476, 74.983
CIE-LUV	95.345, 2.489, 3.547
Hunter-Lab	94.041, -4.382, 7.359
Binary	11110101, 11110001, 11101101

#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#edf1f5
```
#edf1f5 rgb(237,241,245)
```

Complementary Color

#f5eded
```
#f5eded rgb(245,237,237)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#f5f5ed
```
#f5f5ed rgb(245,245,237)
```

Analogous Color

#ededf5
```
#ededf5 rgb(237,237,245)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#edf5f5
```
#edf5f5 rgb(237,245,245)
```

Split Complementary Color

#f1edf5
```
#f1edf5 rgb(241,237,245)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#edf5f1
```
#edf5f1 rgb(237,245,241)
```

Triadic Color

#f5edf1
```
#f5edf1 rgb(245,237,241)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#edf5f1
```
#edf5f1 rgb(237,245,241)
```
#edf1f5
```
#edf1f5 rgb(237,241,245)
```

Tetradic Color

#dacbbc
```
#dacbbc rgb(218,203,188)
```
#e3d8cc
```
#e3d8cc rgb(227,216,204)
```
#ece4dd
```
#ece4dd rgb(236,228,221)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f5efed
```
#f5efed rgb(245,239,237)
```
#f5f0ed
```
#f5f0ed rgb(245,240,237)
```
#f5f0ed
```
#f5f0ed rgb(245,240,237)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#f5f2ed
```
#f5f2ed rgb(245,242,237)
```
#f5f2ed
```
#f5f2ed rgb(245,242,237)
```
#f5f3ed
```
#f5f3ed rgb(245,243,237)
```

Similar Colors

Text with hexadecimal color #f5f1ed

This text has a font color of #f5f1ed.

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

#f5f1ed background color

This paragraph has a background color of #f5f1ed.

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

#f5f1ed border color

This element has a border color of #f5f1ed.

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

CSS codes

.text {color:#f5f1ed;}

.background {background-color:#f5f1ed;}

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

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, #070604 is the darkest color, while #fcfbfa is the lightest one.

#070604
```
#070604 rgb(7,6,4)
```
#140f0b
```
#140f0b rgb(20,15,11)
```
#201912
```
#201912 rgb(32,25,18)
```
#2d2319
```
#2d2319 rgb(45,35,25)
```
#3a2d20
```
#3a2d20 rgb(58,45,32)
```
#463727
```
#463727 rgb(70,55,39)
```
#53402e
```
#53402e rgb(83,64,46)
```
#5f4a35
```
#5f4a35 rgb(95,74,53)
```
#6c543c
```
#6c543c rgb(108,84,60)
```
#795e43
```
#795e43 rgb(121,94,67)
```
#85684a
```
#85684a rgb(133,104,74)
```
#927251
```
#927251 rgb(146,114,81)
```
#9f7b58
```
#9f7b58 rgb(159,123,88)
```

Shade Color Variation

#a88562
```
#a88562 rgb(168,133,98)
```
#af8f6f
```
#af8f6f rgb(175,143,111)
```
#b6997c
```
#b6997c rgb(182,153,124)
```
#bda388
```
#bda388 rgb(189,163,136)
```
#c4ac95
```
#c4ac95 rgb(196,172,149)
```
#cbb6a1
```
#cbb6a1 rgb(203,182,161)
```
#d2c0ae
```
#d2c0ae rgb(210,192,174)
```
#d9cabb
```
#d9cabb rgb(217,202,187)
```
#e0d4c7
```
#e0d4c7 rgb(224,212,199)
```
#e7ddd4
```
#e7ddd4 rgb(231,221,212)
```
#eee7e0
```
#eee7e0 rgb(238,231,224)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#f2f1f0
```
#f2f1f0 rgb(242,241,240)
```
#f3f1ef
```
#f3f1ef rgb(243,241,239)
```
#f4f1ee
```
#f4f1ee rgb(244,241,238)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#f6f1ec
```
#f6f1ec rgb(246,241,236)
```
#f7f1eb
```
#f7f1eb rgb(247,241,235)
```
#f8f1ea
```
#f8f1ea rgb(248,241,234)
```
#f9f1e9
```
#f9f1e9 rgb(249,241,233)
```
#faf1e8
```
#faf1e8 rgb(250,241,232)
```
#fbf1e7
```
#fbf1e7 rgb(251,241,231)
```
#fdf1e5
```
#fdf1e5 rgb(253,241,229)
```
#fef1e4
```
#fef1e4 rgb(254,241,228)
```
#fff1e3
```
#fff1e3 rgb(255,241,227)
```

Tone Color Variation

Below, you can see how #f5f1ed 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
#f3f2f1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7f1ed Protanopia 1% of men
#ffeef1 Deuteranopia 1% of men
#f8efff Tritanopia 0.001% of the population

Trichromacy

#f6f1ed Protanomaly 1% of men, 0.01% of women
#fbefef Deuteranomaly 6% of men, 0.4% of women
#f7eff8 Tritanomaly 0.01% of the population

#f5f1ed hex color

#f5f1ed Color Information

#f5f1ed Color Conversion

Color Schemes with #f5f1ed

Alternatives to #f5f1ed

#f5f1ed Preview

Shades and Tints of #f5f1ed

Tones of #f5f1ed

Color Blindness Simulator