#f8bd96 hex color

In a RGB color space, hex #f8bd96 is composed of 97.3% red, 74.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 39.5% yellow and 2.7% black. It has a hue angle of 23.9 degrees, a saturation of 87.5% and a lightness of 78%. #f8bd96 color hex could be obtained by blending #ffffff with #f17b2d. Closest websafe color is: #ffcc99.

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

● #f8bd96 color description : Very soft orange.

The hexadecimal color #f8bd96 has RGB values of R:248, G:189, B:150 and CMYK values of C:0, M:0.24, Y:0.4, K:0.03. Its decimal value is 16301462.

Hex triplet	f8bd96	`#f8bd96`
RGB Decimal	248, 189, 150	`rgb(248,189,150)`
RGB Percent	97.3, 74.1, 58.8	`rgb(97.3%,74.1%,58.8%)`
CMYK	0, 24, 40, 3
HSL	23.9°, 87.5, 78	`hsl(23.9,87.5%,78%)`
HSV (or HSB)	23.9°, 39.5, 97.3
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.047, 16.289, 27.924
XYZ	62.414, 58.556, 36.868
xyY	0.395, 0.371, 58.556
CIE-LCH	81.047, 32.328, 59.744
CIE-LUV	81.047, 41.744, 34.69
Hunter-Lab	76.522, 11.677, 25
Binary	11111000, 10111101, 10010110

#f8bd96
```
#f8bd96 rgb(248,189,150)
```
#96d1f8
```
#96d1f8 rgb(150,209,248)
```

Complementary Color

#f896a0
```
#f896a0 rgb(248,150,160)
```
#f8bd96
```
#f8bd96 rgb(248,189,150)
```
#f8ee96
```
#f8ee96 rgb(248,238,150)
```

Analogous Color

#96a0f8
```
#96a0f8 rgb(150,160,248)
```
#f8bd96
```
#f8bd96 rgb(248,189,150)
```
#96f8ee
```
#96f8ee rgb(150,248,238)
```

Split Complementary Color

#bd96f8
```
#bd96f8 rgb(189,150,248)
```
#f8bd96
```
#f8bd96 rgb(248,189,150)
```
#96f8bd
```
#96f8bd rgb(150,248,189)
```

Triadic Color

#f896d1
```
#f896d1 rgb(248,150,209)
```
#f8bd96
```
#f8bd96 rgb(248,189,150)
```
#96f8bd
```
#96f8bd rgb(150,248,189)
```
#96d1f8
```
#96d1f8 rgb(150,209,248)
```

Tetradic Color

#f3904e
```
#f3904e rgb(243,144,78)
```
#f59f66
```
#f59f66 rgb(245,159,102)
```
#f6ae7e
```
#f6ae7e rgb(246,174,126)
```
#f8bd96
```
#f8bd96 rgb(248,189,150)
```
#faccae
```
#faccae rgb(250,204,174)
```
#fbdbc6
```
#fbdbc6 rgb(251,219,198)
```
#fdeade
```
#fdeade rgb(253,234,222)
```

Monochromatic Color

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

#f8a596
```
#f8a596 rgb(248,165,150)
```
#f8ad96
```
#f8ad96 rgb(248,173,150)
```
#f8b596
```
#f8b596 rgb(248,181,150)
```
#f8bd96
```
#f8bd96 rgb(248,189,150)
```
#f8c596
```
#f8c596 rgb(248,197,150)
```
#f8cd96
```
#f8cd96 rgb(248,205,150)
```
#f8d696
```
#f8d696 rgb(248,214,150)
```

Similar Colors

Text with hexadecimal color #f8bd96

This text has a font color of #f8bd96.

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

#f8bd96 background color

This paragraph has a background color of #f8bd96.

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

#f8bd96 border color

This element has a border color of #f8bd96.

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

CSS codes

.text {color:#f8bd96;}

.background {background-color:#f8bd96;}

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

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

#050200
```
#050200 rgb(5,2,0)
```
#180a02
```
#180a02 rgb(24,10,2)
```
#2a1203
```
#2a1203 rgb(42,18,3)
```
#3d1b04
```
#3d1b04 rgb(61,27,4)
```
#4f2305
```
#4f2305 rgb(79,35,5)
```
#612b06
```
#612b06 rgb(97,43,6)
```
#743308
```
#743308 rgb(116,51,8)
```
#863b09
```
#863b09 rgb(134,59,9)
```
#98430a
```
#98430a rgb(152,67,10)
```
#ab4b0b
```
#ab4b0b rgb(171,75,11)
```
#bd530d
```
#bd530d rgb(189,83,13)
```
#d05b0e
```
#d05b0e rgb(208,91,14)
```
#e2630f
```
#e2630f rgb(226,99,15)
```

Shade Color Variation

#ef6c15
```
#ef6c15 rgb(239,108,21)
```
#f17828
```
#f17828 rgb(241,120,40)
```
#f2833a
```
#f2833a rgb(242,131,58)
```
#f38f4c
```
#f38f4c rgb(243,143,76)
```
#f49a5f
```
#f49a5f rgb(244,154,95)
```
#f6a671
```
#f6a671 rgb(246,166,113)
```
#f7b184
```
#f7b184 rgb(247,177,132)
```
#f8bd96
```
#f8bd96 rgb(248,189,150)
```
#f9c9a8
```
#f9c9a8 rgb(249,201,168)
```
#fad4bb
```
#fad4bb rgb(250,212,187)
```
#fce0cd
```
#fce0cd rgb(252,224,205)
```
#fdebe0
```
#fdebe0 rgb(253,235,224)
```
#fef7f2
```
#fef7f2 rgb(254,247,242)
```

Tint Color Variation

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

#c9c7c5
```
#c9c7c5 rgb(201,199,197)
```
#cdc6c1
```
#cdc6c1 rgb(205,198,193)
```
#d1c5bd
```
#d1c5bd rgb(209,197,189)
```
#d6c4b8
```
#d6c4b8 rgb(214,196,184)
```
#dac3b4
```
#dac3b4 rgb(218,195,180)
```
#dec2b0
```
#dec2b0 rgb(222,194,176)
```
#e2c1ac
```
#e2c1ac rgb(226,193,172)
```
#e7c1a7
```
#e7c1a7 rgb(231,193,167)
```
#ebc0a3
```
#ebc0a3 rgb(235,192,163)
```
#efbf9f
```
#efbf9f rgb(239,191,159)
```
#f4be9a
```
#f4be9a rgb(244,190,154)
```
#f8bd96
```
#f8bd96 rgb(248,189,150)
```
#fcbc92
```
#fcbc92 rgb(252,188,146)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d3c7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cba0 Protanopia 1% of men
#efc49a Deuteranopia 1% of men
#fdbac7 Tritanopia 0.001% of the population

Trichromacy

#e4c69c Protanomaly 1% of men, 0.01% of women
#f2c198 Deuteranomaly 6% of men, 0.4% of women
#fbbbb5 Tritanomaly 0.01% of the population

#f8bd96 hex color

#f8bd96 Color Information

#f8bd96 Color Conversion

Color Schemes with #f8bd96

Alternatives to #f8bd96

#f8bd96 Preview

Shades and Tints of #f8bd96

Tones of #f8bd96

Color Blindness Simulator