#bb942d hex color

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

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

● #bb942d color description : Strong orange.

The hexadecimal color #bb942d has RGB values of R:187, G:148, B:45 and CMYK values of C:0, M:0.21, Y:0.76, K:0.27. Its decimal value is 12293165.

Hex triplet	bb942d	`#bb942d`
RGB Decimal	187, 148, 45	`rgb(187,148,45)`
RGB Percent	73.3, 58, 17.6	`rgb(73.3%,58%,17.6%)`
CMYK	0, 21, 76, 27
HSL	43.5°, 61.2, 45.5	`hsl(43.5,61.2%,45.5%)`
HSV (or HSB)	43.5°, 75.9, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.29, 4.459, 56.645
XYZ	31.558, 31.936, 6.985
xyY	0.448, 0.453, 31.936
CIE-LCH	63.29, 56.82, 85.499
CIE-LUV	63.29, 32.613, 59.56
Hunter-Lab	56.512, 0.784, 32.23
Binary	10111011, 10010100, 00101101

#bb942d
```
#bb942d rgb(187,148,45)
```
#2d54bb
```
#2d54bb rgb(45,84,187)
```

Complementary Color

#bb4d2d
```
#bb4d2d rgb(187,77,45)
```
#bb942d
```
#bb942d rgb(187,148,45)
```
#9bbb2d
```
#9bbb2d rgb(155,187,45)
```

Analogous Color

#4d2dbb
```
#4d2dbb rgb(77,45,187)
```
#bb942d
```
#bb942d rgb(187,148,45)
```
#2d9bbb
```
#2d9bbb rgb(45,155,187)
```

Split Complementary Color

#942dbb
```
#942dbb rgb(148,45,187)
```
#bb942d
```
#bb942d rgb(187,148,45)
```
#2dbb94
```
#2dbb94 rgb(45,187,148)
```

Triadic Color

#bb2d54
```
#bb2d54 rgb(187,45,84)
```
#bb942d
```
#bb942d rgb(187,148,45)
```
#2dbb94
```
#2dbb94 rgb(45,187,148)
```
#2d54bb
```
#2d54bb rgb(45,84,187)
```

Tetradic Color

#7d631e
```
#7d631e rgb(125,99,30)
```
#927323
```
#927323 rgb(146,115,35)
```
#a68428
```
#a68428 rgb(166,132,40)
```
#bb942d
```
#bb942d rgb(187,148,45)
```
#cea433
```
#cea433 rgb(206,164,51)
```
#d3ad48
```
#d3ad48 rgb(211,173,72)
```
#d8b65d
```
#d8b65d rgb(216,182,93)
```

Monochromatic Color

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

#bb712d
```
#bb712d rgb(187,113,45)
```
#bb7c2d
```
#bb7c2d rgb(187,124,45)
```
#bb882d
```
#bb882d rgb(187,136,45)
```
#bb942d
```
#bb942d rgb(187,148,45)
```
#bba02d
```
#bba02d rgb(187,160,45)
```
#bbac2d
```
#bbac2d rgb(187,172,45)
```
#bbb82d
```
#bbb82d rgb(187,184,45)
```

Similar Colors

Text with hexadecimal color #bb942d

This text has a font color of #bb942d.

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

#bb942d background color

This paragraph has a background color of #bb942d.

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

#bb942d border color

This element has a border color of #bb942d.

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

CSS codes

.text {color:#bb942d;}

.background {background-color:#bb942d;}

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

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

#0d0a03
```
#0d0a03 rgb(13,10,3)
```
#1d1707
```
#1d1707 rgb(29,23,7)
```
#2d230b
```
#2d230b rgb(45,35,11)
```
#3d300f
```
#3d300f rgb(61,48,15)
```
#4c3c12
```
#4c3c12 rgb(76,60,18)
```
#5c4916
```
#5c4916 rgb(92,73,22)
```
#6c551a
```
#6c551a rgb(108,85,26)
```
#7c621e
```
#7c621e rgb(124,98,30)
```
#8c6e22
```
#8c6e22 rgb(140,110,34)
```
#9b7b25
```
#9b7b25 rgb(155,123,37)
```
#ab8729
```
#ab8729 rgb(171,135,41)
```
#bb942d
```
#bb942d rgb(187,148,45)
```
#cba131
```
#cba131 rgb(203,161,49)
```

Shade Color Variation

#d1a93f
```
#d1a93f rgb(209,169,63)
```
#d4b04e
```
#d4b04e rgb(212,176,78)
```
#d8b75e
```
#d8b75e rgb(216,183,94)
```
#dcbe6e
```
#dcbe6e rgb(220,190,110)
```
#e0c57e
```
#e0c57e rgb(224,197,126)
```
#e4cc8e
```
#e4cc8e rgb(228,204,142)
```
#e8d39d
```
#e8d39d rgb(232,211,157)
```
#ebdaad
```
#ebdaad rgb(235,218,173)
```
#efe1bd
```
#efe1bd rgb(239,225,189)
```
#f3e8cd
```
#f3e8cd rgb(243,232,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 #e8a800 is the most saturated one.

#7d786b
```
#7d786b rgb(125,120,107)
```
#857c63
```
#857c63 rgb(133,124,99)
```
#8e805a
```
#8e805a rgb(142,128,90)
```
#978451
```
#978451 rgb(151,132,81)
```
#a08848
```
#a08848 rgb(160,136,72)
```
#a98c3f
```
#a98c3f rgb(169,140,63)
```
#b29036
```
#b29036 rgb(178,144,54)
```
#bb942d
```
#bb942d rgb(187,148,45)
```
#c49824
```
#c49824 rgb(196,152,36)
```
#cd9c1b
```
#cd9c1b rgb(205,156,27)
```
#d6a012
```
#d6a012 rgb(214,160,18)
```
#dfa409
```
#dfa409 rgb(223,164,9)
```
#e8a800
```
#e8a800 rgb(232,168,0)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9c947f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e39 Protanopia 1% of men
#c49739 Deuteranopia 1% of men
#c5909a Tritanopia 0.001% of the population

Trichromacy

#b49a34 Protanomaly 1% of men, 0.01% of women
#c19534 Deuteranomaly 6% of men, 0.4% of women
#c19172 Tritanomaly 0.01% of the population

#bb942d hex color

#bb942d Color Information

#bb942d Color Conversion

Color Schemes with #bb942d

Alternatives to #bb942d

#bb942d Preview

Shades and Tints of #bb942d

Tones of #bb942d

Color Blindness Simulator