#bb975c hex color

In a RGB color space, hex #bb975c is composed of 73.3% red, 59.2% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 50.8% yellow and 26.7% black. It has a hue angle of 37.3 degrees, a saturation of 41.1% and a lightness of 54.7%. #bb975c color hex could be obtained by blending #ffffb8 with #772f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 59
- B 36
RGB color chart
- C 0
- M 19
- Y 51
- K 27
CMYK color chart

● #bb975c color description : Moderate orange.

The hexadecimal color #bb975c has RGB values of R:187, G:151, B:92 and CMYK values of C:0, M:0.19, Y:0.51, K:0.27. Its decimal value is 12293980.

Hex triplet	bb975c	`#bb975c`
RGB Decimal	187, 151, 92	`rgb(187,151,92)`
RGB Percent	73.3, 59.2, 36.1	`rgb(73.3%,59.2%,36.1%)`
CMYK	0, 19, 51, 27
HSL	37.3°, 41.1, 54.7	`hsl(37.3,41.1%,54.7%)`
HSV (or HSB)	37.3°, 50.8, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	64.541, 5.999, 35.983
XYZ	33.492, 33.472, 14.821
xyY	0.41, 0.409, 33.472
CIE-LCH	64.541, 36.479, 80.535
CIE-LUV	64.541, 27.793, 42.812
Hunter-Lab	57.855, 2.087, 25.31
Binary	10111011, 10010111, 01011100

#bb975c
```
#bb975c rgb(187,151,92)
```
#5c80bb
```
#5c80bb rgb(92,128,187)
```

Complementary Color

#bb685c
```
#bb685c rgb(187,104,92)
```
#bb975c
```
#bb975c rgb(187,151,92)
```
#b0bb5c
```
#b0bb5c rgb(176,187,92)
```

Analogous Color

#685cbb
```
#685cbb rgb(104,92,187)
```
#bb975c
```
#bb975c rgb(187,151,92)
```
#5cb0bb
```
#5cb0bb rgb(92,176,187)
```

Split Complementary Color

#975cbb
```
#975cbb rgb(151,92,187)
```
#bb975c
```
#bb975c rgb(187,151,92)
```
#5cbb97
```
#5cbb97 rgb(92,187,151)
```

Triadic Color

#bb5c80
```
#bb5c80 rgb(187,92,128)
```
#bb975c
```
#bb975c rgb(187,151,92)
```
#5cbb97
```
#5cbb97 rgb(92,187,151)
```
#5c80bb
```
#5c80bb rgb(92,128,187)
```

Tetradic Color

#8f6f3c
```
#8f6f3c rgb(143,111,60)
```
#a17d43
```
#a17d43 rgb(161,125,67)
```
#b38b4b
```
#b38b4b rgb(179,139,75)
```
#bb975c
```
#bb975c rgb(187,151,92)
```
#c3a26e
```
#c3a26e rgb(195,162,110)
```
#caae80
```
#caae80 rgb(202,174,128)
```
#d2b992
```
#d2b992 rgb(210,185,146)
```

Monochromatic Color

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

#bb7f5c
```
#bb7f5c rgb(187,127,92)
```
#bb875c
```
#bb875c rgb(187,135,92)
```
#bb8f5c
```
#bb8f5c rgb(187,143,92)
```
#bb975c
```
#bb975c rgb(187,151,92)
```
#bb9f5c
```
#bb9f5c rgb(187,159,92)
```
#bba75c
```
#bba75c rgb(187,167,92)
```
#bbaf5c
```
#bbaf5c rgb(187,175,92)
```

Similar Colors

Text with hexadecimal color #bb975c

This text has a font color of #bb975c.

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

#bb975c background color

This paragraph has a background color of #bb975c.

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

#bb975c border color

This element has a border color of #bb975c.

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

CSS codes

.text {color:#bb975c;}

.background {background-color:#bb975c;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110d07
```
#110d07 rgb(17,13,7)
```
#1f180d
```
#1f180d rgb(31,24,13)
```
#2d2313
```
#2d2313 rgb(45,35,19)
```
#3a2e18
```
#3a2e18 rgb(58,46,24)
```
#48381e
```
#48381e rgb(72,56,30)
```
#564324
```
#564324 rgb(86,67,36)
```
#644e2a
```
#644e2a rgb(100,78,42)
```
#72592f
```
#72592f rgb(114,89,47)
```
#806335
```
#806335 rgb(128,99,53)
```
#8e6e3b
```
#8e6e3b rgb(142,110,59)
```
#9b7941
```
#9b7941 rgb(155,121,65)
```
#a98447
```
#a98447 rgb(169,132,71)
```

Shade Color Variation

#b58e4e
```
#b58e4e rgb(181,142,78)
```
#bb975c
```
#bb975c rgb(187,151,92)
```
#c1a06a
```
#c1a06a rgb(193,160,106)
```
#c7a978
```
#c7a978 rgb(199,169,120)
```
#ccb186
```
#ccb186 rgb(204,177,134)
```
#d2ba93
```
#d2ba93 rgb(210,186,147)
```
#d8c3a1
```
#d8c3a1 rgb(216,195,161)
```
#deccaf
```
#deccaf rgb(222,204,175)
```
#e3d5bd
```
#e3d5bd rgb(227,213,189)
```
#e9decb
```
#e9decb rgb(233,222,203)
```
#efe6d9
```
#efe6d9 rgb(239,230,217)
```
#f5efe6
```
#f5efe6 rgb(245,239,230)
```
#fbf8f4
```
#fbf8f4 rgb(251,248,244)
```

Tint Color Variation

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

#8f8c88
```
#8f8c88 rgb(143,140,136)
```
#978e80
```
#978e80 rgb(151,142,128)
```
#a09177
```
#a09177 rgb(160,145,119)
```
#a9936e
```
#a9936e rgb(169,147,110)
```
#b29565
```
#b29565 rgb(178,149,101)
```
#bb975c
```
#bb975c rgb(187,151,92)
```
#c49953
```
#c49953 rgb(196,153,83)
```
#cd9b4a
```
#cd9b4a rgb(205,155,74)
```
#d69d41
```
#d69d41 rgb(214,157,65)
```
#dfa038
```
#dfa038 rgb(223,160,56)
```
#e7a230
```
#e7a230 rgb(231,162,48)
```
#f0a427
```
#f0a427 rgb(240,164,39)
```
#f9a61e
```
#f9a61e rgb(249,166,30)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a19a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa166 Protanopia 1% of men
#c29a64 Deuteranopia 1% of men
#c4959f Tritanopia 0.001% of the population

Trichromacy

#b39d62 Protanomaly 1% of men, 0.01% of women
#bf9961 Deuteranomaly 6% of men, 0.4% of women
#c19586 Tritanomaly 0.01% of the population

#bb975c hex color

#bb975c Color Information

#bb975c Color Conversion

Color Schemes with #bb975c

Alternatives to #bb975c

#bb975c Preview

Shades and Tints of #bb975c

Tones of #bb975c

Color Blindness Simulator