#f6bd8e hex color

In a RGB color space, hex #f6bd8e is composed of 96.5% red, 74.1% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 42.3% yellow and 3.5% black. It has a hue angle of 27.1 degrees, a saturation of 85.2% and a lightness of 76.1%. #f6bd8e color hex could be obtained by blending #ffffff with #ed7b1d. Closest websafe color is: #ffcc99.

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

● #f6bd8e color description : Very soft orange.

The hexadecimal color #f6bd8e has RGB values of R:246, G:189, B:142 and CMYK values of C:0, M:0.23, Y:0.42, K:0.04. Its decimal value is 16170382.

Hex triplet	f6bd8e	`#f6bd8e`
RGB Decimal	246, 189, 142	`rgb(246,189,142)`
RGB Percent	96.5, 74.1, 55.7	`rgb(96.5%,74.1%,55.7%)`
CMYK	0, 23, 42, 4
HSL	27.1°, 85.2, 76.1	`hsl(27.1,85.2%,76.1%)`
HSV (or HSB)	27.1°, 42.3, 96.5
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	80.707, 14.649, 31.643
XYZ	61.086, 57.944, 33.556
xyY	0.4, 0.38, 57.944
CIE-LCH	80.707, 34.869, 65.159
CIE-LUV	80.707, 41.106, 39.366
Hunter-Lab	76.121, 10.034, 27.148
Binary	11110110, 10111101, 10001110

#f6bd8e
```
#f6bd8e rgb(246,189,142)
```
#8ec7f6
```
#8ec7f6 rgb(142,199,246)
```

Complementary Color

#f68e93
```
#f68e93 rgb(246,142,147)
```
#f6bd8e
```
#f6bd8e rgb(246,189,142)
```
#f6f18e
```
#f6f18e rgb(246,241,142)
```

Analogous Color

#8e93f6
```
#8e93f6 rgb(142,147,246)
```
#f6bd8e
```
#f6bd8e rgb(246,189,142)
```
#8ef6f1
```
#8ef6f1 rgb(142,246,241)
```

Split Complementary Color

#bd8ef6
```
#bd8ef6 rgb(189,142,246)
```
#f6bd8e
```
#f6bd8e rgb(246,189,142)
```
#8ef6bd
```
#8ef6bd rgb(142,246,189)
```

Triadic Color

#f68ec7
```
#f68ec7 rgb(246,142,199)
```
#f6bd8e
```
#f6bd8e rgb(246,189,142)
```
#8ef6bd
```
#8ef6bd rgb(142,246,189)
```
#8ec7f6
```
#8ec7f6 rgb(142,199,246)
```

Tetradic Color

#f09447
```
#f09447 rgb(240,148,71)
```
#f2a15f
```
#f2a15f rgb(242,161,95)
```
#f4af76
```
#f4af76 rgb(244,175,118)
```
#f6bd8e
```
#f6bd8e rgb(246,189,142)
```
#f8cba6
```
#f8cba6 rgb(248,203,166)
```
#fad9bd
```
#fad9bd rgb(250,217,189)
```
#fce6d5
```
#fce6d5 rgb(252,230,213)
```

Monochromatic Color

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

#f6a38e
```
#f6a38e rgb(246,163,142)
```
#f6ac8e
```
#f6ac8e rgb(246,172,142)
```
#f6b48e
```
#f6b48e rgb(246,180,142)
```
#f6bd8e
```
#f6bd8e rgb(246,189,142)
```
#f6c68e
```
#f6c68e rgb(246,198,142)
```
#f6ce8e
```
#f6ce8e rgb(246,206,142)
```
#f6d78e
```
#f6d78e rgb(246,215,142)
```

Similar Colors

Text with hexadecimal color #f6bd8e

This text has a font color of #f6bd8e.

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

#f6bd8e background color

This paragraph has a background color of #f6bd8e.

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

#f6bd8e border color

This element has a border color of #f6bd8e.

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

CSS codes

.text {color:#f6bd8e;}

.background {background-color:#f6bd8e;}

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

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, #0e0701 is the darkest color, while #fffdfb is the lightest one.

#0e0701
```
#0e0701 rgb(14,7,1)
```
#201003
```
#201003 rgb(32,16,3)
```
#331904
```
#331904 rgb(51,25,4)
```
#452205
```
#452205 rgb(69,34,5)
```
#572b07
```
#572b07 rgb(87,43,7)
```
#693408
```
#693408 rgb(105,52,8)
```
#7b3d0a
```
#7b3d0a rgb(123,61,10)
```
#8d460b
```
#8d460b rgb(141,70,11)
```
#a04f0d
```
#a04f0d rgb(160,79,13)
```
#b2580e
```
#b2580e rgb(178,88,14)
```
#c46110
```
#c46110 rgb(196,97,16)
```
#d66a11
```
#d66a11 rgb(214,106,17)
```
#e87312
```
#e87312 rgb(232,115,18)
```

Shade Color Variation

#ed7d21
```
#ed7d21 rgb(237,125,33)
```
#ef8833
```
#ef8833 rgb(239,136,51)
```
#f09345
```
#f09345 rgb(240,147,69)
```
#f29d57
```
#f29d57 rgb(242,157,87)
```
#f3a86a
```
#f3a86a rgb(243,168,106)
```
#f5b27c
```
#f5b27c rgb(245,178,124)
```
#f6bd8e
```
#f6bd8e rgb(246,189,142)
```
#f7c8a0
```
#f7c8a0 rgb(247,200,160)
```
#f9d2b2
```
#f9d2b2 rgb(249,210,178)
```
#faddc5
```
#faddc5 rgb(250,221,197)
```
#fce7d7
```
#fce7d7 rgb(252,231,215)
```
#fdf2e9
```
#fdf2e9 rgb(253,242,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#c2c2c2
```
#c2c2c2 rgb(194,194,194)
```
#c7c2bd
```
#c7c2bd rgb(199,194,189)
```
#ccc1b8
```
#ccc1b8 rgb(204,193,184)
```
#d0c1b4
```
#d0c1b4 rgb(208,193,180)
```
#d5c0af
```
#d5c0af rgb(213,192,175)
```
#dac0aa
```
#dac0aa rgb(218,192,170)
```
#dfbfa5
```
#dfbfa5 rgb(223,191,165)
```
#e3bfa1
```
#e3bfa1 rgb(227,191,161)
```
#e8be9c
```
#e8be9c rgb(232,190,156)
```
#edbe97
```
#edbe97 rgb(237,190,151)
```
#f1bd93
```
#f1bd93 rgb(241,189,147)
```
#f6bd8e
```
#f6bd8e rgb(246,189,142)
```
#fbbd89
```
#fbbd89 rgb(251,189,137)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d2c7bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9ca98 Protanopia 1% of men
#f0c393 Deuteranopia 1% of men
#fbb9c6 Tritanopia 0.001% of the population

Trichromacy

#e3c594 Protanomaly 1% of men, 0.01% of women
#f2c091 Deuteranomaly 6% of men, 0.4% of women
#f9bab1 Tritanomaly 0.01% of the population

#f6bd8e hex color

#f6bd8e Color Information

#f6bd8e Color Conversion

Color Schemes with #f6bd8e

Alternatives to #f6bd8e

#f6bd8e Preview

Shades and Tints of #f6bd8e

Tones of #f6bd8e

Color Blindness Simulator