#f5d1bc hex color

In a RGB color space, hex #f5d1bc is composed of 96.1% red, 82% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.7% magenta, 23.3% yellow and 3.9% black. It has a hue angle of 22.1 degrees, a saturation of 74% and a lightness of 84.9%. #f5d1bc color hex could be obtained by blending #ffffff with #eba379. Closest websafe color is: #ffcccc.

♥
- f
- t
- g
- R 96
- G 82
- B 74
RGB color chart
- C 0
- M 15
- Y 23
- K 4
CMYK color chart

● #f5d1bc color description : Very soft orange.

The hexadecimal color #f5d1bc has RGB values of R:245, G:209, B:188 and CMYK values of C:0, M:0.15, Y:0.23, K:0.04. Its decimal value is 16110012.

Hex triplet	f5d1bc	`#f5d1bc`
RGB Decimal	245, 209, 188	`rgb(245,209,188)`
RGB Percent	96.1, 82, 73.7	`rgb(96.1%,82%,73.7%)`
CMYK	0, 15, 23, 4
HSL	22.1°, 74, 84.9	`hsl(22.1,74%,84.9%)`
HSV (or HSB)	22.1°, 23.3, 96.1
Web Safe	ffcccc	`#ffcccc`

CIE-LAB	86.328, 9.456, 15.087
XYZ	69.533, 68.646, 57.161
xyY	0.356, 0.351, 68.646
CIE-LCH	86.328, 17.806, 57.923
CIE-LUV	86.328, 23.612, 20.044
Hunter-Lab	82.853, 4.81, 17.092
Binary	11110101, 11010001, 10111100

#f5d1bc
```
#f5d1bc rgb(245,209,188)
```
#bce0f5
```
#bce0f5 rgb(188,224,245)
```

Complementary Color

#f5bcc4
```
#f5bcc4 rgb(245,188,196)
```
#f5d1bc
```
#f5d1bc rgb(245,209,188)
```
#f5eebc
```
#f5eebc rgb(245,238,188)
```

Analogous Color

#bcc4f5
```
#bcc4f5 rgb(188,196,245)
```
#f5d1bc
```
#f5d1bc rgb(245,209,188)
```
#bcf5ee
```
#bcf5ee rgb(188,245,238)
```

Split Complementary Color

#d1bcf5
```
#d1bcf5 rgb(209,188,245)
```
#f5d1bc
```
#f5d1bc rgb(245,209,188)
```
#bcf5d1
```
#bcf5d1 rgb(188,245,209)
```

Triadic Color

#f5bce0
```
#f5bce0 rgb(245,188,224)
```
#f5d1bc
```
#f5d1bc rgb(245,209,188)
```
#bcf5d1
```
#bcf5d1 rgb(188,245,209)
```
#bce0f5
```
#bce0f5 rgb(188,224,245)
```

Tetradic Color

#eba379
```
#eba379 rgb(235,163,121)
```
#eeb390
```
#eeb390 rgb(238,179,144)
```
#f2c2a6
```
#f2c2a6 rgb(242,194,166)
```
#f5d1bc
```
#f5d1bc rgb(245,209,188)
```
#f8e0d2
```
#f8e0d2 rgb(248,224,210)
```
#fcefe8
```
#fcefe8 rgb(252,239,232)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f5c3bc
```
#f5c3bc rgb(245,195,188)
```
#f5c8bc
```
#f5c8bc rgb(245,200,188)
```
#f5ccbc
```
#f5ccbc rgb(245,204,188)
```
#f5d1bc
```
#f5d1bc rgb(245,209,188)
```
#f5d6bc
```
#f5d6bc rgb(245,214,188)
```
#f5dbbc
```
#f5dbbc rgb(245,219,188)
```
#f5dfbc
```
#f5dfbc rgb(245,223,188)
```

Similar Colors

Text with hexadecimal color #f5d1bc

This text has a font color of #f5d1bc.

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

#f5d1bc background color

This paragraph has a background color of #f5d1bc.

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

#f5d1bc border color

This element has a border color of #f5d1bc.

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

CSS codes

.text {color:#f5d1bc;}

.background {background-color:#f5d1bc;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120803
```
#120803 rgb(18,8,3)
```
#231005
```
#231005 rgb(35,16,5)
```
#341808
```
#341808 rgb(52,24,8)
```
#46200a
```
#46200a rgb(70,32,10)
```
#57280d
```
#57280d rgb(87,40,13)
```
#68300f
```
#68300f rgb(104,48,15)
```
#793812
```
#793812 rgb(121,56,18)
```
#8a4015
```
#8a4015 rgb(138,64,21)
```
#9b4817
```
#9b4817 rgb(155,72,23)
```
#ac501a
```
#ac501a rgb(172,80,26)
```
#bd571c
```
#bd571c rgb(189,87,28)
```
#ce5f1f
```
#ce5f1f rgb(206,95,31)
```

Shade Color Variation

#de6822
```
#de6822 rgb(222,104,34)
```
#e17333
```
#e17333 rgb(225,115,51)
```
#e37f45
```
#e37f45 rgb(227,127,69)
```
#e68b56
```
#e68b56 rgb(230,139,86)
```
#e89667
```
#e89667 rgb(232,150,103)
```
#eba278
```
#eba278 rgb(235,162,120)
```
#edae89
```
#edae89 rgb(237,174,137)
```
#f0ba9a
```
#f0ba9a rgb(240,186,154)
```
#f2c5ab
```
#f2c5ab rgb(242,197,171)
```
#f5d1bc
```
#f5d1bc rgb(245,209,188)
```
#f8ddcd
```
#f8ddcd rgb(248,221,205)
```
#fae8de
```
#fae8de rgb(250,232,222)
```
#fdf4ef
```
#fdf4ef rgb(253,244,239)
```

Tint Color Variation

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

#dad8d7
```
#dad8d7 rgb(218,216,215)
```
#ddd7d4
```
#ddd7d4 rgb(221,215,212)
```
#e0d6d1
```
#e0d6d1 rgb(224,214,209)
```
#e3d6ce
```
#e3d6ce rgb(227,214,206)
```
#e6d5cb
```
#e6d5cb rgb(230,213,203)
```
#e9d4c8
```
#e9d4c8 rgb(233,212,200)
```
#ecd3c5
```
#ecd3c5 rgb(236,211,197)
```
#efd3c2
```
#efd3c2 rgb(239,211,194)
```
#f2d2bf
```
#f2d2bf rgb(242,210,191)
```
#f5d1bc
```
#f5d1bc rgb(245,209,188)
```
#f8d0b9
```
#f8d0b9 rgb(248,208,185)
```
#fbcfb6
```
#fbcfb6 rgb(251,207,182)
```
#fecfb3
```
#fecfb3 rgb(254,207,179)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#dfd7d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d9c2 Protanopia 1% of men
#f7d2bf Deuteranopia 1% of men
#f9cedd Tritanopia 0.001% of the population

Trichromacy

#e9d6bf Protanomaly 1% of men, 0.01% of women
#f6d1be Deuteranomaly 6% of men, 0.4% of women
#f7cfd1 Tritanomaly 0.01% of the population

#f5d1bc hex color

#f5d1bc Color Information

#f5d1bc Color Conversion

Color Schemes with #f5d1bc

Alternatives to #f5d1bc

#f5d1bc Preview

Shades and Tints of #f5d1bc

Tones of #f5d1bc

Color Blindness Simulator