#bbaf8e hex color

In a RGB color space, hex #bbaf8e is composed of 73.3% red, 68.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.4% magenta, 24.1% yellow and 26.7% black. It has a hue angle of 44 degrees, a saturation of 24.9% and a lightness of 64.5%. #bbaf8e color hex could be obtained by blending #ffffff with #775f1d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 69
- B 56
RGB color chart
- C 0
- M 6
- Y 24
- K 27
CMYK color chart

● #bbaf8e color description : Grayish orange.

The hexadecimal color #bbaf8e has RGB values of R:187, G:175, B:142 and CMYK values of C:0, M:0.06, Y:0.24, K:0.27. Its decimal value is 12300174.

Hex triplet	bbaf8e	`#bbaf8e`
RGB Decimal	187, 175, 142	`rgb(187,175,142)`
RGB Percent	73.3, 68.6, 55.7	`rgb(73.3%,68.6%,55.7%)`
CMYK	0, 6, 24, 27
HSL	44°, 24.9, 64.5	`hsl(44,24.9%,64.5%)`
HSV (or HSB)	44°, 24.1, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	71.676, -1.029, 18.499
XYZ	40.705, 43.178, 31.78
xyY	0.352, 0.373, 43.178
CIE-LCH	71.676, 18.528, 93.185
CIE-LUV	71.676, 9.238, 25.634
Hunter-Lab	65.71, -4.418, 17.323
Binary	10111011, 10101111, 10001110

#bbaf8e
```
#bbaf8e rgb(187,175,142)
```
#8e9abb
```
#8e9abb rgb(142,154,187)
```

Complementary Color

#bb998e
```
#bb998e rgb(187,153,142)
```
#bbaf8e
```
#bbaf8e rgb(187,175,142)
```
#b1bb8e
```
#b1bb8e rgb(177,187,142)
```

Analogous Color

#998ebb
```
#998ebb rgb(153,142,187)
```
#bbaf8e
```
#bbaf8e rgb(187,175,142)
```
#8eb1bb
```
#8eb1bb rgb(142,177,187)
```

Split Complementary Color

#af8ebb
```
#af8ebb rgb(175,142,187)
```
#bbaf8e
```
#bbaf8e rgb(187,175,142)
```
#8ebbaf
```
#8ebbaf rgb(142,187,175)
```

Triadic Color

#bb8e9a
```
#bb8e9a rgb(187,142,154)
```
#bbaf8e
```
#bbaf8e rgb(187,175,142)
```
#8ebbaf
```
#8ebbaf rgb(142,187,175)
```
#8e9abb
```
#8e9abb rgb(142,154,187)
```

Tetradic Color

#9e8d5f
```
#9e8d5f rgb(158,141,95)
```
#a8986e
```
#a8986e rgb(168,152,110)
```
#b1a47e
```
#b1a47e rgb(177,164,126)
```
#bbaf8e
```
#bbaf8e rgb(187,175,142)
```
#c5ba9e
```
#c5ba9e rgb(197,186,158)
```
#cec6ae
```
#cec6ae rgb(206,198,174)
```
#d8d1be
```
#d8d1be rgb(216,209,190)
```

Monochromatic Color

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

#bba48e
```
#bba48e rgb(187,164,142)
```
#bba88e
```
#bba88e rgb(187,168,142)
```
#bbab8e
```
#bbab8e rgb(187,171,142)
```
#bbaf8e
```
#bbaf8e rgb(187,175,142)
```
#bbb38e
```
#bbb38e rgb(187,179,142)
```
#bbb78e
```
#bbb78e rgb(187,183,142)
```
#bbba8e
```
#bbba8e rgb(187,186,142)
```

Similar Colors

Text with hexadecimal color #bbaf8e

This text has a font color of #bbaf8e.

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

#bbaf8e background color

This paragraph has a background color of #bbaf8e.

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

#bbaf8e border color

This element has a border color of #bbaf8e.

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

CSS codes

.text {color:#bbaf8e;}

.background {background-color:#bbaf8e;}

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

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

#090806
```
#090806 rgb(9,8,6)
```
#16130d
```
#16130d rgb(22,19,13)
```
#221e14
```
#221e14 rgb(34,30,20)
```
#2e291c
```
#2e291c rgb(46,41,28)
```
#3a3423
```
#3a3423 rgb(58,52,35)
```
#473f2b
```
#473f2b rgb(71,63,43)
```
#534a32
```
#534a32 rgb(83,74,50)
```
#5f5539
```
#5f5539 rgb(95,85,57)
```
#6b6041
```
#6b6041 rgb(107,96,65)
```
#786b48
```
#786b48 rgb(120,107,72)
```
#84764f
```
#84764f rgb(132,118,79)
```
#908157
```
#908157 rgb(144,129,87)
```
#9c8c5e
```
#9c8c5e rgb(156,140,94)
```

Shade Color Variation

#a59569
```
#a59569 rgb(165,149,105)
```
#ac9e76
```
#ac9e76 rgb(172,158,118)
```
#b4a682
```
#b4a682 rgb(180,166,130)
```
#bbaf8e
```
#bbaf8e rgb(187,175,142)
```
#c2b89a
```
#c2b89a rgb(194,184,154)
```
#cac0a6
```
#cac0a6 rgb(202,192,166)
```
#d1c9b3
```
#d1c9b3 rgb(209,201,179)
```
#d8d2bf
```
#d8d2bf rgb(216,210,191)
```
#e0dacb
```
#e0dacb rgb(224,218,203)
```
#e7e3d7
```
#e7e3d7 rgb(231,227,215)
```
#efece4
```
#efece4 rgb(239,236,228)
```
#f6f4f0
```
#f6f4f0 rgb(246,244,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#a6a5a3
```
#a6a5a3 rgb(166,165,163)
```
#ada99c
```
#ada99c rgb(173,169,156)
```
#b4ac95
```
#b4ac95 rgb(180,172,149)
```
#bbaf8e
```
#bbaf8e rgb(187,175,142)
```
#c2b287
```
#c2b287 rgb(194,178,135)
```
#c9b580
```
#c9b580 rgb(201,181,128)
```
#d0b979
```
#d0b979 rgb(208,185,121)
```
#d7bc72
```
#d7bc72 rgb(215,188,114)
```
#debf6b
```
#debf6b rgb(222,191,107)
```
#e5c264
```
#e5c264 rgb(229,194,100)
```
#ecc65d
```
#ecc65d rgb(236,198,93)
```
#f3c956
```
#f3c956 rgb(243,201,86)
```
#facc4f
```
#facc4f rgb(250,204,79)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b1afa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb393 Protanopia 1% of men
#cfad95 Deuteranopia 1% of men
#c4adba Tritanopia 0.001% of the population

Trichromacy

#bcb191 Protanomaly 1% of men, 0.01% of women
#c7ad92 Deuteranomaly 6% of men, 0.4% of women
#c0aeaa Tritanomaly 0.01% of the population

#bbaf8e hex color

#bbaf8e Color Information

#bbaf8e Color Conversion

Color Schemes with #bbaf8e

Alternatives to #bbaf8e

#bbaf8e Preview

Shades and Tints of #bbaf8e

Tones of #bbaf8e

Color Blindness Simulator