#bb9d5f hex color

In a RGB color space, hex #bb9d5f is composed of 73.3% red, 61.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16% magenta, 49.2% yellow and 26.7% black. It has a hue angle of 40.4 degrees, a saturation of 40.4% and a lightness of 55.3%. #bb9d5f color hex could be obtained by blending #ffffbe with #773b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 62
- B 37
RGB color chart
- C 0
- M 16
- Y 49
- K 27
CMYK color chart

● #bb9d5f color description : Slightly desaturated orange.

The hexadecimal color #bb9d5f has RGB values of R:187, G:157, B:95 and CMYK values of C:0, M:0.16, Y:0.49, K:0.27. Its decimal value is 12295519.

Hex triplet	bb9d5f	`#bb9d5f`
RGB Decimal	187, 157, 95	`rgb(187,157,95)`
RGB Percent	73.3, 61.6, 37.3	`rgb(73.3%,61.6%,37.3%)`
CMYK	0, 16, 49, 27
HSL	40.4°, 40.4, 55.3	`hsl(40.4,40.4%,55.3%)`
HSV (or HSB)	40.4°, 49.2, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.141, 3.012, 36.4
XYZ	34.616, 35.506, 15.856
xyY	0.403, 0.413, 35.506
CIE-LCH	66.141, 36.524, 85.27
CIE-LUV	66.141, 23.549, 44.243
Hunter-Lab	59.587, -0.581, 25.934
Binary	10111011, 10011101, 01011111

#bb9d5f
```
#bb9d5f rgb(187,157,95)
```
#5f7dbb
```
#5f7dbb rgb(95,125,187)
```

Complementary Color

#bb6f5f
```
#bb6f5f rgb(187,111,95)
```
#bb9d5f
```
#bb9d5f rgb(187,157,95)
```
#abbb5f
```
#abbb5f rgb(171,187,95)
```

Analogous Color

#6f5fbb
```
#6f5fbb rgb(111,95,187)
```
#bb9d5f
```
#bb9d5f rgb(187,157,95)
```
#5fabbb
```
#5fabbb rgb(95,171,187)
```

Split Complementary Color

#9d5fbb
```
#9d5fbb rgb(157,95,187)
```
#bb9d5f
```
#bb9d5f rgb(187,157,95)
```
#5fbb9d
```
#5fbb9d rgb(95,187,157)
```

Triadic Color

#bb5f7d
```
#bb5f7d rgb(187,95,125)
```
#bb9d5f
```
#bb9d5f rgb(187,157,95)
```
#5fbb9d
```
#5fbb9d rgb(95,187,157)
```
#5f7dbb
```
#5f7dbb rgb(95,125,187)
```

Tetradic Color

#90753d
```
#90753d rgb(144,117,61)
```
#a28445
```
#a28445 rgb(162,132,69)
```
#b3924d
```
#b3924d rgb(179,146,77)
```
#bb9d5f
```
#bb9d5f rgb(187,157,95)
```
#c3a871
```
#c3a871 rgb(195,168,113)
```
#cab383
```
#cab383 rgb(202,179,131)
```
#d2be95
```
#d2be95 rgb(210,190,149)
```

Monochromatic Color

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

#bb865f
```
#bb865f rgb(187,134,95)
```
#bb8e5f
```
#bb8e5f rgb(187,142,95)
```
#bb955f
```
#bb955f rgb(187,149,95)
```
#bb9d5f
```
#bb9d5f rgb(187,157,95)
```
#bba55f
```
#bba55f rgb(187,165,95)
```
#bbac5f
```
#bbac5f rgb(187,172,95)
```
#bbb45f
```
#bbb45f rgb(187,180,95)
```

Similar Colors

Text with hexadecimal color #bb9d5f

This text has a font color of #bb9d5f.

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

#bb9d5f background color

This paragraph has a background color of #bb9d5f.

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

#bb9d5f border color

This element has a border color of #bb9d5f.

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

CSS codes

.text {color:#bb9d5f;}

.background {background-color:#bb9d5f;}

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

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

#050402
```
#050402 rgb(5,4,2)
```
#130f08
```
#130f08 rgb(19,15,8)
```
#211b0e
```
#211b0e rgb(33,27,14)
```
#2e2614
```
#2e2614 rgb(46,38,20)
```
#3c311a
```
#3c311a rgb(60,49,26)
```
#4a3c1f
```
#4a3c1f rgb(74,60,31)
```
#584725
```
#584725 rgb(88,71,37)
```
#66532b
```
#66532b rgb(102,83,43)
```
#735e31
```
#735e31 rgb(115,94,49)
```
#816937
```
#816937 rgb(129,105,55)
```
#8f743d
```
#8f743d rgb(143,116,61)
```
#9d7f43
```
#9d7f43 rgb(157,127,67)
```
#aa8a48
```
#aa8a48 rgb(170,138,72)
```

Shade Color Variation

#b59551
```
#b59551 rgb(181,149,81)
```
#bb9d5f
```
#bb9d5f rgb(187,157,95)
```
#c1a56d
```
#c1a56d rgb(193,165,109)
```
#c7ae7b
```
#c7ae7b rgb(199,174,123)
```
#cdb688
```
#cdb688 rgb(205,182,136)
```
#d2bf96
```
#d2bf96 rgb(210,191,150)
```
#d8c7a4
```
#d8c7a4 rgb(216,199,164)
```
#ded0b2
```
#ded0b2 rgb(222,208,178)
```
#e4d8bf
```
#e4d8bf rgb(228,216,191)
```
#eae0cd
```
#eae0cd rgb(234,224,205)
```
#f0e9db
```
#f0e9db rgb(240,233,219)
```
#f6f1e9
```
#f6f1e9 rgb(246,241,233)
```
#fbfaf6
```
#fbfaf6 rgb(251,250,246)
```

Tint Color Variation

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

#8f8e8b
```
#8f8e8b rgb(143,142,139)
```
#989182
```
#989182 rgb(152,145,130)
```
#a19479
```
#a19479 rgb(161,148,121)
```
#a99771
```
#a99771 rgb(169,151,113)
```
#b29a68
```
#b29a68 rgb(178,154,104)
```
#bb9d5f
```
#bb9d5f rgb(187,157,95)
```
#c4a056
```
#c4a056 rgb(196,160,86)
```
#cda34d
```
#cda34d rgb(205,163,77)
```
#d5a645
```
#d5a645 rgb(213,166,69)
```
#dea93c
```
#dea93c rgb(222,169,60)
```
#e7ac33
```
#e7ac33 rgb(231,172,51)
```
#f0af2a
```
#f0af2a rgb(240,175,42)
```
#f8b222
```
#f8b222 rgb(248,178,34)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a59f92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a568 Protanopia 1% of men
#c79e68 Deuteranopia 1% of men
#c59aa5 Tritanopia 0.001% of the population

Trichromacy

#b6a265 Protanomaly 1% of men, 0.01% of women
#c29e64 Deuteranomaly 6% of men, 0.4% of women
#c19b8b Tritanomaly 0.01% of the population

#bb9d5f hex color

#bb9d5f Color Information

#bb9d5f Color Conversion

Color Schemes with #bb9d5f

Alternatives to #bb9d5f

#bb9d5f Preview

Shades and Tints of #bb9d5f

Tones of #bb9d5f

Color Blindness Simulator