#f5bf9d hex color

In a RGB color space, hex #f5bf9d is composed of 96.1% red, 74.9% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 35.9% yellow and 3.9% black. It has a hue angle of 23.2 degrees, a saturation of 81.5% and a lightness of 78.8%. #f5bf9d color hex could be obtained by blending #ffffff with #eb7f3b. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 96
- G 75
- B 62
RGB color chart
- C 0
- M 22
- Y 36
- K 4
CMYK color chart

● #f5bf9d color description : Very soft orange.

The hexadecimal color #f5bf9d has RGB values of R:245, G:191, B:157 and CMYK values of C:0, M:0.22, Y:0.36, K:0.04. Its decimal value is 16105373.

Hex triplet	f5bf9d	`#f5bf9d`
RGB Decimal	245, 191, 157	`rgb(245,191,157)`
RGB Percent	96.1, 74.9, 61.6	`rgb(96.1%,74.9%,61.6%)`
CMYK	0, 22, 36, 4
HSL	23.2°, 81.5, 78.8	`hsl(23.2,81.5%,78.8%)`
HSV (or HSB)	23.2°, 35.9, 96.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.352, 14.876, 24.585
XYZ	62.373, 59.111, 40.021
xyY	0.386, 0.366, 59.111
CIE-LCH	81.352, 28.735, 58.822
CIE-LUV	81.352, 37.572, 30.963
Hunter-Lab	76.884, 10.264, 22.956
Binary	11110101, 10111111, 10011101

#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#9dd3f5
```
#9dd3f5 rgb(157,211,245)
```

Complementary Color

#f59da7
```
#f59da7 rgb(245,157,167)
```
#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#f5eb9d
```
#f5eb9d rgb(245,235,157)
```

Analogous Color

#9da7f5
```
#9da7f5 rgb(157,167,245)
```
#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#9df5eb
```
#9df5eb rgb(157,245,235)
```

Split Complementary Color

#bf9df5
```
#bf9df5 rgb(191,157,245)
```
#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#9df5bf
```
#9df5bf rgb(157,245,191)
```

Triadic Color

#f59dd3
```
#f59dd3 rgb(245,157,211)
```
#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#9df5bf
```
#9df5bf rgb(157,245,191)
```
#9dd3f5
```
#9dd3f5 rgb(157,211,245)
```

Tetradic Color

#ee9258
```
#ee9258 rgb(238,146,88)
```
#f0a16f
```
#f0a16f rgb(240,161,111)
```
#f3b086
```
#f3b086 rgb(243,176,134)
```
#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#f7ceb4
```
#f7ceb4 rgb(247,206,180)
```
#faddcb
```
#faddcb rgb(250,221,203)
```
#fcece2
```
#fcece2 rgb(252,236,226)
```

Monochromatic Color

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

#f5a99d
```
#f5a99d rgb(245,169,157)
```
#f5b09d
```
#f5b09d rgb(245,176,157)
```
#f5b89d
```
#f5b89d rgb(245,184,157)
```
#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#f5c69d
```
#f5c69d rgb(245,198,157)
```
#f5ce9d
```
#f5ce9d rgb(245,206,157)
```
#f5d59d
```
#f5d59d rgb(245,213,157)
```

Similar Colors

Text with hexadecimal color #f5bf9d

This text has a font color of #f5bf9d.

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

#f5bf9d background color

This paragraph has a background color of #f5bf9d.

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

#f5bf9d border color

This element has a border color of #f5bf9d.

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

CSS codes

.text {color:#f5bf9d;}

.background {background-color:#f5bf9d;}

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

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

#090401
```
#090401 rgb(9,4,1)
```
#1b0c03
```
#1b0c03 rgb(27,12,3)
```
#2c1405
```
#2c1405 rgb(44,20,5)
```
#3e1c06
```
#3e1c06 rgb(62,28,6)
```
#502408
```
#502408 rgb(80,36,8)
```
#622c0a
```
#622c0a rgb(98,44,10)
```
#74340c
```
#74340c rgb(116,52,12)
```
#853c0e
```
#853c0e rgb(133,60,14)
```
#97440f
```
#97440f rgb(151,68,15)
```
#a94c11
```
#a94c11 rgb(169,76,17)
```
#bb5413
```
#bb5413 rgb(187,84,19)
```
#cd5c15
```
#cd5c15 rgb(205,92,21)
```
#de6417
```
#de6417 rgb(222,100,23)
```

Shade Color Variation

#e86e20
```
#e86e20 rgb(232,110,32)
```
#ea7932
```
#ea7932 rgb(234,121,50)
```
#ec8544
```
#ec8544 rgb(236,133,68)
```
#ee9156
```
#ee9156 rgb(238,145,86)
```
#f09c68
```
#f09c68 rgb(240,156,104)
```
#f1a879
```
#f1a879 rgb(241,168,121)
```
#f3b38b
```
#f3b38b rgb(243,179,139)
```
#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#f7cbaf
```
#f7cbaf rgb(247,203,175)
```
#f9d6c1
```
#f9d6c1 rgb(249,214,193)
```
#fae2d2
```
#fae2d2 rgb(250,226,210)
```
#fcede4
```
#fcede4 rgb(252,237,228)
```
#fef9f6
```
#fef9f6 rgb(254,249,246)
```

Tint Color Variation

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

#cbc8c7
```
#cbc8c7 rgb(203,200,199)
```
#d0c7c2
```
#d0c7c2 rgb(208,199,194)
```
#d4c7be
```
#d4c7be rgb(212,199,190)
```
#d8c6ba
```
#d8c6ba rgb(216,198,186)
```
#dcc5b6
```
#dcc5b6 rgb(220,197,182)
```
#e0c4b2
```
#e0c4b2 rgb(224,196,178)
```
#e4c3ae
```
#e4c3ae rgb(228,195,174)
```
#e9c2a9
```
#e9c2a9 rgb(233,194,169)
```
#edc1a5
```
#edc1a5 rgb(237,193,165)
```
#f1c0a1
```
#f1c0a1 rgb(241,192,161)
```
#f5bf9d
```
#f5bf9d rgb(245,191,157)
```
#f9be99
```
#f9be99 rgb(249,190,153)
```
#fdbd95
```
#fdbd95 rgb(253,189,149)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d3c9c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cca6 Protanopia 1% of men
#eec5a1 Deuteranopia 1% of men
#fabcc9 Tritanopia 0.001% of the population

Trichromacy

#e3c7a3 Protanomaly 1% of men, 0.01% of women
#f0c29f Deuteranomaly 6% of men, 0.4% of women
#f8bdb9 Tritanomaly 0.01% of the population

#f5bf9d hex color

#f5bf9d Color Information

#f5bf9d Color Conversion

Color Schemes with #f5bf9d

Alternatives to #f5bf9d

#f5bf9d Preview

Shades and Tints of #f5bf9d

Tones of #f5bf9d

Color Blindness Simulator