#bb945f hex color

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

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

● #bb945f color description : Slightly desaturated orange.

The hexadecimal color #bb945f has RGB values of R:187, G:148, B:95 and CMYK values of C:0, M:0.21, Y:0.49, K:0.27. Its decimal value is 12293215.

Hex triplet	bb945f	`#bb945f`
RGB Decimal	187, 148, 95	`rgb(187,148,95)`
RGB Percent	73.3, 58, 37.3	`rgb(73.3%,58%,37.3%)`
CMYK	0, 21, 49, 27
HSL	34.6°, 40.4, 55.3	`hsl(34.6,40.4%,55.3%)`
HSV (or HSB)	34.6°, 49.2, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.813, 7.929, 33.48
XYZ	33.149, 32.572, 15.367
xyY	0.409, 0.402, 32.572
CIE-LCH	63.813, 34.406, 76.677
CIE-LUV	63.813, 29.594, 39.757
Hunter-Lab	57.072, 3.802, 23.986
Binary	10111011, 10010100, 01011111

#bb945f
```
#bb945f rgb(187,148,95)
```
#5f86bb
```
#5f86bb rgb(95,134,187)
```

Complementary Color

#bb665f
```
#bb665f rgb(187,102,95)
```
#bb945f
```
#bb945f rgb(187,148,95)
```
#b4bb5f
```
#b4bb5f rgb(180,187,95)
```

Analogous Color

#665fbb
```
#665fbb rgb(102,95,187)
```
#bb945f
```
#bb945f rgb(187,148,95)
```
#5fb4bb
```
#5fb4bb rgb(95,180,187)
```

Split Complementary Color

#945fbb
```
#945fbb rgb(148,95,187)
```
#bb945f
```
#bb945f rgb(187,148,95)
```
#5fbb94
```
#5fbb94 rgb(95,187,148)
```

Triadic Color

#bb5f86
```
#bb5f86 rgb(187,95,134)
```
#bb945f
```
#bb945f rgb(187,148,95)
```
#5fbb94
```
#5fbb94 rgb(95,187,148)
```
#5f86bb
```
#5f86bb rgb(95,134,187)
```

Tetradic Color

#906d3d
```
#906d3d rgb(144,109,61)
```
#a27b45
```
#a27b45 rgb(162,123,69)
```
#b3884d
```
#b3884d rgb(179,136,77)
```
#bb945f
```
#bb945f rgb(187,148,95)
```
#c3a071
```
#c3a071 rgb(195,160,113)
```
#caac83
```
#caac83 rgb(202,172,131)
```
#d2b895
```
#d2b895 rgb(210,184,149)
```

Monochromatic Color

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

#bb7d5f
```
#bb7d5f rgb(187,125,95)
```
#bb855f
```
#bb855f rgb(187,133,95)
```
#bb8c5f
```
#bb8c5f rgb(187,140,95)
```
#bb945f
```
#bb945f rgb(187,148,95)
```
#bb9c5f
```
#bb9c5f rgb(187,156,95)
```
#bba35f
```
#bba35f rgb(187,163,95)
```
#bbab5f
```
#bbab5f rgb(187,171,95)
```

Similar Colors

Text with hexadecimal color #bb945f

This text has a font color of #bb945f.

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

#bb945f background color

This paragraph has a background color of #bb945f.

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

#bb945f border color

This element has a border color of #bb945f.

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

CSS codes

.text {color:#bb945f;}

.background {background-color:#bb945f;}

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

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 #fbf9f6 is the lightest one.

#050402
```
#050402 rgb(5,4,2)
```
#130e08
```
#130e08 rgb(19,14,8)
```
#21190e
```
#21190e rgb(33,25,14)
```
#2e2314
```
#2e2314 rgb(46,35,20)
```
#3c2e1a
```
#3c2e1a rgb(60,46,26)
```
#4a381f
```
#4a381f rgb(74,56,31)
```
#584225
```
#584225 rgb(88,66,37)
```
#664d2b
```
#664d2b rgb(102,77,43)
```
#735731
```
#735731 rgb(115,87,49)
```
#816237
```
#816237 rgb(129,98,55)
```
#8f6c3d
```
#8f6c3d rgb(143,108,61)
```
#9d7643
```
#9d7643 rgb(157,118,67)
```
#aa8148
```
#aa8148 rgb(170,129,72)
```

Shade Color Variation

#b58b51
```
#b58b51 rgb(181,139,81)
```
#bb945f
```
#bb945f rgb(187,148,95)
```
#c19d6d
```
#c19d6d rgb(193,157,109)
```
#c7a67b
```
#c7a67b rgb(199,166,123)
```
#cdb088
```
#cdb088 rgb(205,176,136)
```
#d2b996
```
#d2b996 rgb(210,185,150)
```
#d8c2a4
```
#d8c2a4 rgb(216,194,164)
```
#decbb2
```
#decbb2 rgb(222,203,178)
```
#e4d4bf
```
#e4d4bf rgb(228,212,191)
```
#eadecd
```
#eadecd rgb(234,222,205)
```
#f0e7db
```
#f0e7db rgb(240,231,219)
```
#f6f0e9
```
#f6f0e9 rgb(246,240,233)
```
#fbf9f6
```
#fbf9f6 rgb(251,249,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 #f89d22 is the most saturated one.

#8f8d8b
```
#8f8d8b rgb(143,141,139)
```
#988f82
```
#988f82 rgb(152,143,130)
```
#a19079
```
#a19079 rgb(161,144,121)
```
#a99171
```
#a99171 rgb(169,145,113)
```
#b29368
```
#b29368 rgb(178,147,104)
```
#bb945f
```
#bb945f rgb(187,148,95)
```
#c49556
```
#c49556 rgb(196,149,86)
```
#cd974d
```
#cd974d rgb(205,151,77)
```
#d59845
```
#d59845 rgb(213,152,69)
```
#de993c
```
#de993c rgb(222,153,60)
```
#e79b33
```
#e79b33 rgb(231,155,51)
```
#f09c2a
```
#f09c2a rgb(240,156,42)
```
#f89d22
```
#f89d22 rgb(248,157,34)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a1998e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9f69 Protanopia 1% of men
#bf9967 Deuteranopia 1% of men
#c3929d Tritanopia 0.001% of the population

Trichromacy

#b29b65 Protanomaly 1% of men, 0.01% of women
#bd9764 Deuteranomaly 6% of men, 0.4% of women
#c09386 Tritanomaly 0.01% of the population

#bb945f hex color

#bb945f Color Information

#bb945f Color Conversion

Color Schemes with #bb945f

Alternatives to #bb945f

#bb945f Preview

Shades and Tints of #bb945f

Tones of #bb945f

Color Blindness Simulator