#bb972d hex color

In a RGB color space, hex #bb972d is composed of 73.3% red, 59.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 75.9% yellow and 26.7% black. It has a hue angle of 44.8 degrees, a saturation of 61.2% and a lightness of 45.5%. #bb972d color hex could be obtained by blending #ffff5a with #772f00. Closest websafe color is: #cc9933.

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

● #bb972d color description : Strong orange.

The hexadecimal color #bb972d has RGB values of R:187, G:151, B:45 and CMYK values of C:0, M:0.19, Y:0.76, K:0.27. Its decimal value is 12293933.

Hex triplet	bb972d	`#bb972d`
RGB Decimal	187, 151, 45	`rgb(187,151,45)`
RGB Percent	73.3, 59.2, 17.6	`rgb(73.3%,59.2%,17.6%)`
CMYK	0, 19, 76, 27
HSL	44.8°, 61.2, 45.5	`hsl(44.8,61.2%,45.5%)`
HSV (or HSB)	44.8°, 75.9, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.071, 2.826, 57.389
XYZ	32.034, 32.889, 7.143
xyY	0.445, 0.456, 32.889
CIE-LCH	64.071, 57.459, 87.18
CIE-LUV	64.071, 30.402, 60.801
Hunter-Lab	57.349, -0.653, 32.759
Binary	10111011, 10010111, 00101101

#bb972d
```
#bb972d rgb(187,151,45)
```
#2d51bb
```
#2d51bb rgb(45,81,187)
```

Complementary Color

#bb502d
```
#bb502d rgb(187,80,45)
```
#bb972d
```
#bb972d rgb(187,151,45)
```
#98bb2d
```
#98bb2d rgb(152,187,45)
```

Analogous Color

#502dbb
```
#502dbb rgb(80,45,187)
```
#bb972d
```
#bb972d rgb(187,151,45)
```
#2d98bb
```
#2d98bb rgb(45,152,187)
```

Split Complementary Color

#972dbb
```
#972dbb rgb(151,45,187)
```
#bb972d
```
#bb972d rgb(187,151,45)
```
#2dbb97
```
#2dbb97 rgb(45,187,151)
```

Triadic Color

#bb2d51
```
#bb2d51 rgb(187,45,81)
```
#bb972d
```
#bb972d rgb(187,151,45)
```
#2dbb97
```
#2dbb97 rgb(45,187,151)
```
#2d51bb
```
#2d51bb rgb(45,81,187)
```

Tetradic Color

#7d651e
```
#7d651e rgb(125,101,30)
```
#927623
```
#927623 rgb(146,118,35)
```
#a68628
```
#a68628 rgb(166,134,40)
```
#bb972d
```
#bb972d rgb(187,151,45)
```
#cea733
```
#cea733 rgb(206,167,51)
```
#d3b048
```
#d3b048 rgb(211,176,72)
```
#d8b95d
```
#d8b95d rgb(216,185,93)
```

Monochromatic Color

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

#bb742d
```
#bb742d rgb(187,116,45)
```
#bb7f2d
```
#bb7f2d rgb(187,127,45)
```
#bb8b2d
```
#bb8b2d rgb(187,139,45)
```
#bb972d
```
#bb972d rgb(187,151,45)
```
#bba32d
```
#bba32d rgb(187,163,45)
```
#bbaf2d
```
#bbaf2d rgb(187,175,45)
```
#bbbb2d
```
#bbbb2d rgb(187,187,45)
```

Similar Colors

Text with hexadecimal color #bb972d

This text has a font color of #bb972d.

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

#bb972d background color

This paragraph has a background color of #bb972d.

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

#bb972d border color

This element has a border color of #bb972d.

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

CSS codes

.text {color:#bb972d;}

.background {background-color:#bb972d;}

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

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, #0d0b03 is the darkest color, while #fefefc is the lightest one.

#0d0b03
```
#0d0b03 rgb(13,11,3)
```
#1d1707
```
#1d1707 rgb(29,23,7)
```
#2d240b
```
#2d240b rgb(45,36,11)
```
#3d310f
```
#3d310f rgb(61,49,15)
```
#4c3e12
```
#4c3e12 rgb(76,62,18)
```
#5c4a16
```
#5c4a16 rgb(92,74,22)
```
#6c571a
```
#6c571a rgb(108,87,26)
```
#7c641e
```
#7c641e rgb(124,100,30)
```
#8c7122
```
#8c7122 rgb(140,113,34)
```
#9b7d25
```
#9b7d25 rgb(155,125,37)
```
#ab8a29
```
#ab8a29 rgb(171,138,41)
```
#bb972d
```
#bb972d rgb(187,151,45)
```
#cba431
```
#cba431 rgb(203,164,49)
```

Shade Color Variation

#d1ac3f
```
#d1ac3f rgb(209,172,63)
```
#d4b24e
```
#d4b24e rgb(212,178,78)
```
#d8b95e
```
#d8b95e rgb(216,185,94)
```
#dcc06e
```
#dcc06e rgb(220,192,110)
```
#e0c77e
```
#e0c77e rgb(224,199,126)
```
#e4ce8e
```
#e4ce8e rgb(228,206,142)
```
#e8d59d
```
#e8d59d rgb(232,213,157)
```
#ebdcad
```
#ebdcad rgb(235,220,173)
```
#efe2bd
```
#efe2bd rgb(239,226,189)
```
#f3e9cd
```
#f3e9cd rgb(243,233,205)
```
#f7f0dd
```
#f7f0dd rgb(247,240,221)
```
#fbf7ec
```
#fbf7ec rgb(251,247,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7d786b
```
#7d786b rgb(125,120,107)
```
#857d63
```
#857d63 rgb(133,125,99)
```
#8e815a
```
#8e815a rgb(142,129,90)
```
#978551
```
#978551 rgb(151,133,81)
```
#a08a48
```
#a08a48 rgb(160,138,72)
```
#a98e3f
```
#a98e3f rgb(169,142,63)
```
#b29336
```
#b29336 rgb(178,147,54)
```
#bb972d
```
#bb972d rgb(187,151,45)
```
#c49b24
```
#c49b24 rgb(196,155,36)
```
#cda01b
```
#cda01b rgb(205,160,27)
```
#d6a412
```
#d6a412 rgb(214,164,18)
```
#dfa909
```
#dfa909 rgb(223,169,9)
```
#e8ad00
```
#e8ad00 rgb(232,173,0)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9d9681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a039 Protanopia 1% of men
#c69839 Deuteranopia 1% of men
#c6929c Tritanopia 0.001% of the population

Trichromacy

#b59d34 Protanomaly 1% of men, 0.01% of women
#c29834 Deuteranomaly 6% of men, 0.4% of women
#c29474 Tritanomaly 0.01% of the population

#bb972d hex color

#bb972d Color Information

#bb972d Color Conversion

Color Schemes with #bb972d

Alternatives to #bb972d

#bb972d Preview

Shades and Tints of #bb972d

Tones of #bb972d

Color Blindness Simulator