#bb845f hex color

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

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

● #bb845f color description : Slightly desaturated orange.

The hexadecimal color #bb845f has RGB values of R:187, G:132, B:95 and CMYK values of C:0, M:0.29, Y:0.49, K:0.27. Its decimal value is 12289119.

Hex triplet	bb845f	`#bb845f`
RGB Decimal	187, 132, 95	`rgb(187,132,95)`
RGB Percent	73.3, 51.8, 37.3	`rgb(73.3%,51.8%,37.3%)`
CMYK	0, 29, 49, 27
HSL	24.1°, 40.4, 55.3	`hsl(24.1,40.4%,55.3%)`
HSV (or HSB)	24.1°, 49.2, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	59.794, 16.774, 28.341
XYZ	30.811, 27.895, 14.587
xyY	0.42, 0.381, 27.895
CIE-LCH	59.794, 32.933, 59.381
CIE-LUV	59.794, 40.533, 31.797
Hunter-Lab	52.816, 11.702, 20.596
Binary	10111011, 10000100, 01011111

#bb845f
```
#bb845f rgb(187,132,95)
```
#5f96bb
```
#5f96bb rgb(95,150,187)
```

Complementary Color

#bb5f68
```
#bb5f68 rgb(187,95,104)
```
#bb845f
```
#bb845f rgb(187,132,95)
```
#bbb25f
```
#bbb25f rgb(187,178,95)
```

Analogous Color

#5f68bb
```
#5f68bb rgb(95,104,187)
```
#bb845f
```
#bb845f rgb(187,132,95)
```
#5fbbb2
```
#5fbbb2 rgb(95,187,178)
```

Split Complementary Color

#845fbb
```
#845fbb rgb(132,95,187)
```
#bb845f
```
#bb845f rgb(187,132,95)
```
#5fbb84
```
#5fbb84 rgb(95,187,132)
```

Triadic Color

#bb5f96
```
#bb5f96 rgb(187,95,150)
```
#bb845f
```
#bb845f rgb(187,132,95)
```
#5fbb84
```
#5fbb84 rgb(95,187,132)
```
#5f96bb
```
#5f96bb rgb(95,150,187)
```

Tetradic Color

#905f3d
```
#905f3d rgb(144,95,61)
```
#a26a45
```
#a26a45 rgb(162,106,69)
```
#b3764d
```
#b3764d rgb(179,118,77)
```
#bb845f
```
#bb845f rgb(187,132,95)
```
#c39271
```
#c39271 rgb(195,146,113)
```
#caa083
```
#caa083 rgb(202,160,131)
```
#d2ad95
```
#d2ad95 rgb(210,173,149)
```

Monochromatic Color

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

#bb6d5f
```
#bb6d5f rgb(187,109,95)
```
#bb755f
```
#bb755f rgb(187,117,95)
```
#bb7c5f
```
#bb7c5f rgb(187,124,95)
```
#bb845f
```
#bb845f rgb(187,132,95)
```
#bb8c5f
```
#bb8c5f rgb(187,140,95)
```
#bb935f
```
#bb935f rgb(187,147,95)
```
#bb9b5f
```
#bb9b5f rgb(187,155,95)
```

Similar Colors

Text with hexadecimal color #bb845f

This text has a font color of #bb845f.

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

#bb845f background color

This paragraph has a background color of #bb845f.

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

#bb845f border color

This element has a border color of #bb845f.

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

CSS codes

.text {color:#bb845f;}

.background {background-color:#bb845f;}

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

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

#050302
```
#050302 rgb(5,3,2)
```
#130c08
```
#130c08 rgb(19,12,8)
```
#21150e
```
#21150e rgb(33,21,14)
```
#2e1f14
```
#2e1f14 rgb(46,31,20)
```
#3c281a
```
#3c281a rgb(60,40,26)
```
#4a311f
```
#4a311f rgb(74,49,31)
```
#583a25
```
#583a25 rgb(88,58,37)
```
#66432b
```
#66432b rgb(102,67,43)
```
#734c31
```
#734c31 rgb(115,76,49)
```
#815537
```
#815537 rgb(129,85,55)
```
#8f5e3d
```
#8f5e3d rgb(143,94,61)
```
#9d6743
```
#9d6743 rgb(157,103,67)
```
#aa7048
```
#aa7048 rgb(170,112,72)
```

Shade Color Variation

#b57951
```
#b57951 rgb(181,121,81)
```
#bb845f
```
#bb845f rgb(187,132,95)
```
#c18f6d
```
#c18f6d rgb(193,143,109)
```
#c7997b
```
#c7997b rgb(199,153,123)
```
#cda488
```
#cda488 rgb(205,164,136)
```
#d2ae96
```
#d2ae96 rgb(210,174,150)
```
#d8b9a4
```
#d8b9a4 rgb(216,185,164)
```
#dec3b2
```
#dec3b2 rgb(222,195,178)
```
#e4cebf
```
#e4cebf rgb(228,206,191)
```
#ead9cd
```
#ead9cd rgb(234,217,205)
```
#f0e3db
```
#f0e3db rgb(240,227,219)
```
#f6eee9
```
#f6eee9 rgb(246,238,233)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#8f8d8b
```
#8f8d8b rgb(143,141,139)
```
#988b82
```
#988b82 rgb(152,139,130)
```
#a18979
```
#a18979 rgb(161,137,121)
```
#a98771
```
#a98771 rgb(169,135,113)
```
#b28668
```
#b28668 rgb(178,134,104)
```
#bb845f
```
#bb845f rgb(187,132,95)
```
#c48256
```
#c48256 rgb(196,130,86)
```
#cd814d
```
#cd814d rgb(205,129,77)
```
#d57f45
```
#d57f45 rgb(213,127,69)
```
#de7d3c
```
#de7d3c rgb(222,125,60)
```
#e77b33
```
#e77b33 rgb(231,123,51)
```
#f07a2a
```
#f07a2a rgb(240,122,42)
```
#f87822
```
#f87822 rgb(248,120,34)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#998e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1956b Protanopia 1% of men
#b28f65 Deuteranopia 1% of men
#c2858e Tritanopia 0.001% of the population

Trichromacy

#aa8f67 Protanomaly 1% of men, 0.01% of women
#b58b63 Deuteranomaly 6% of men, 0.4% of women
#bf847d Tritanomaly 0.01% of the population

#bb845f hex color

#bb845f Color Information

#bb845f Color Conversion

Color Schemes with #bb845f

Alternatives to #bb845f

#bb845f Preview

Shades and Tints of #bb845f

Tones of #bb845f

Color Blindness Simulator