#f8bd86 hex color

In a RGB color space, hex #f8bd86 is composed of 97.3% red, 74.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 46% yellow and 2.7% black. It has a hue angle of 28.9 degrees, a saturation of 89.1% and a lightness of 74.9%. #f8bd86 color hex could be obtained by blending #ffffff with #f17b0d. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 97
- G 74
- B 53
RGB color chart
- C 0
- M 24
- Y 46
- K 3
CMYK color chart

● #f8bd86 color description : Soft orange.

The hexadecimal color #f8bd86 has RGB values of R:248, G:189, B:134 and CMYK values of C:0, M:0.24, Y:0.46, K:0.03. Its decimal value is 16301446.

Hex triplet	f8bd86	`#f8bd86`
RGB Decimal	248, 189, 134	`rgb(248,189,134)`
RGB Percent	97.3, 74.1, 52.5	`rgb(97.3%,74.1%,52.5%)`
CMYK	0, 24, 46, 3
HSL	28.9°, 89.1, 74.9	`hsl(28.9,89.1%,74.9%)`
HSV (or HSB)	28.9°, 46, 97.3
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	80.781, 14.629, 35.947
XYZ	61.212, 58.076, 30.539
xyY	0.409, 0.388, 58.076
CIE-LCH	80.781, 38.81, 67.856
CIE-LUV	80.781, 43.35, 44.225
Hunter-Lab	76.207, 10.014, 29.586
Binary	11111000, 10111101, 10000110

#f8bd86
```
#f8bd86 rgb(248,189,134)
```
#86c1f8
```
#86c1f8 rgb(134,193,248)
```

Complementary Color

#f88688
```
#f88688 rgb(248,134,136)
```
#f8bd86
```
#f8bd86 rgb(248,189,134)
```
#f8f686
```
#f8f686 rgb(248,246,134)
```

Analogous Color

#8688f8
```
#8688f8 rgb(134,136,248)
```
#f8bd86
```
#f8bd86 rgb(248,189,134)
```
#86f8f6
```
#86f8f6 rgb(134,248,246)
```

Split Complementary Color

#bd86f8
```
#bd86f8 rgb(189,134,248)
```
#f8bd86
```
#f8bd86 rgb(248,189,134)
```
#86f8bd
```
#86f8bd rgb(134,248,189)
```

Triadic Color

#f886c1
```
#f886c1 rgb(248,134,193)
```
#f8bd86
```
#f8bd86 rgb(248,189,134)
```
#86f8bd
```
#86f8bd rgb(134,248,189)
```
#86c1f8
```
#86c1f8 rgb(134,193,248)
```

Tetradic Color

#f4963e
```
#f4963e rgb(244,150,62)
```
#f5a356
```
#f5a356 rgb(245,163,86)
```
#f7b06e
```
#f7b06e rgb(247,176,110)
```
#f8bd86
```
#f8bd86 rgb(248,189,134)
```
#f9ca9e
```
#f9ca9e rgb(249,202,158)
```
#fbd7b6
```
#fbd7b6 rgb(251,215,182)
```
#fce4ce
```
#fce4ce rgb(252,228,206)
```

Monochromatic Color

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

#f8a186
```
#f8a186 rgb(248,161,134)
```
#f8aa86
```
#f8aa86 rgb(248,170,134)
```
#f8b486
```
#f8b486 rgb(248,180,134)
```
#f8bd86
```
#f8bd86 rgb(248,189,134)
```
#f8c786
```
#f8c786 rgb(248,199,134)
```
#f8d086
```
#f8d086 rgb(248,208,134)
```
#f8da86
```
#f8da86 rgb(248,218,134)
```

Similar Colors

Text with hexadecimal color #f8bd86

This text has a font color of #f8bd86.

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

#f8bd86 background color

This paragraph has a background color of #f8bd86.

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

#f8bd86 border color

This element has a border color of #f8bd86.

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

CSS codes

.text {color:#f8bd86;}

.background {background-color:#f8bd86;}

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

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

#090501
```
#090501 rgb(9,5,1)
```
#1b0e02
```
#1b0e02 rgb(27,14,2)
```
#2e1803
```
#2e1803 rgb(46,24,3)
```
#402104
```
#402104 rgb(64,33,4)
```
#532b05
```
#532b05 rgb(83,43,5)
```
#663406
```
#663406 rgb(102,52,6)
```
#783e07
```
#783e07 rgb(120,62,7)
```
#8b4708
```
#8b4708 rgb(139,71,8)
```
#9d5109
```
#9d5109 rgb(157,81,9)
```
#b05a0a
```
#b05a0a rgb(176,90,10)
```
#c2640b
```
#c2640b rgb(194,100,11)
```
#d56d0c
```
#d56d0c rgb(213,109,12)
```
#e7770d
```
#e7770d rgb(231,119,13)
```

Shade Color Variation

#f28017
```
#f28017 rgb(242,128,23)
```
#f38a29
```
#f38a29 rgb(243,138,41)
```
#f4953c
```
#f4953c rgb(244,149,60)
```
#f59f4e
```
#f59f4e rgb(245,159,78)
```
#f6a961
```
#f6a961 rgb(246,169,97)
```
#f7b373
```
#f7b373 rgb(247,179,115)
```
#f8bd86
```
#f8bd86 rgb(248,189,134)
```
#f9c799
```
#f9c799 rgb(249,199,153)
```
#fad1ab
```
#fad1ab rgb(250,209,171)
```
#fbdbbe
```
#fbdbbe rgb(251,219,190)
```
#fce5d0
```
#fce5d0 rgb(252,229,208)
```
#fdf0e3
```
#fdf0e3 rgb(253,240,227)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#c2bfbc
```
#c2bfbc rgb(194,191,188)
```
#c7bfb7
```
#c7bfb7 rgb(199,191,183)
```
#ccbfb2
```
#ccbfb2 rgb(204,191,178)
```
#d1bead
```
#d1bead rgb(209,190,173)
```
#d6bea8
```
#d6bea8 rgb(214,190,168)
```
#dabea4
```
#dabea4 rgb(218,190,164)
```
#dfbe9f
```
#dfbe9f rgb(223,190,159)
```
#e4be9a
```
#e4be9a rgb(228,190,154)
```
#e9be95
```
#e9be95 rgb(233,190,149)
```
#eebd90
```
#eebd90 rgb(238,189,144)
```
#f3bd8b
```
#f3bd8b rgb(243,189,139)
```
#f8bd86
```
#f8bd86 rgb(248,189,134)
```
#fdbd81
```
#fdbd81 rgb(253,189,129)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d2c6bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbcb90 Protanopia 1% of men
#f2c38b Deuteranopia 1% of men
#feb8c5 Tritanopia 0.001% of the population

Trichromacy

#e5c68c Protanomaly 1% of men, 0.01% of women
#f4c089 Deuteranomaly 6% of men, 0.4% of women
#fbbaae Tritanomaly 0.01% of the population

#f8bd86 hex color

#f8bd86 Color Information

#f8bd86 Color Conversion

Color Schemes with #f8bd86

Alternatives to #f8bd86

#f8bd86 Preview

Shades and Tints of #f8bd86

Tones of #f8bd86

Color Blindness Simulator