#bb9a1f hex color

In a RGB color space, hex #bb9a1f is composed of 73.3% red, 60.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 83.4% yellow and 26.7% black. It has a hue angle of 47.3 degrees, a saturation of 71.6% and a lightness of 42.7%. #bb9a1f color hex could be obtained by blending #ffff3e with #773500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 60
- B 12
RGB color chart
- C 0
- M 18
- Y 83
- K 27
CMYK color chart

● #bb9a1f color description : Strong yellow.

The hexadecimal color #bb9a1f has RGB values of R:187, G:154, B:31 and CMYK values of C:0, M:0.18, Y:0.83, K:0.27. Its decimal value is 12294687.

Hex triplet	bb9a1f	`#bb9a1f`
RGB Decimal	187, 154, 31	`rgb(187,154,31)`
RGB Percent	73.3, 60.4, 12.2	`rgb(73.3%,60.4%,12.2%)`
CMYK	0, 18, 83, 27
HSL	47.3°, 71.6, 42.7	`hsl(47.3,71.6%,42.7%)`
HSV (or HSB)	47.3°, 83.4, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.785, 0.698, 62.695
XYZ	32.297, 33.776, 6.115
xyY	0.447, 0.468, 33.776
CIE-LCH	64.785, 62.699, 89.362
CIE-LUV	64.785, 28.615, 64.969
Hunter-Lab	58.117, -2.51, 34.444
Binary	10111011, 10011010, 00011111

#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#1f40bb
```
#1f40bb rgb(31,64,187)
```

Complementary Color

#bb4c1f
```
#bb4c1f rgb(187,76,31)
```
#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#8ebb1f
```
#8ebb1f rgb(142,187,31)
```

Analogous Color

#4c1fbb
```
#4c1fbb rgb(76,31,187)
```
#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#1f8ebb
```
#1f8ebb rgb(31,142,187)
```

Split Complementary Color

#9a1fbb
```
#9a1fbb rgb(154,31,187)
```
#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#1fbb9a
```
#1fbb9a rgb(31,187,154)
```

Triadic Color

#bb1f40
```
#bb1f40 rgb(187,31,64)
```
#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#1fbb9a
```
#1fbb9a rgb(31,187,154)
```
#1f40bb
```
#1f40bb rgb(31,64,187)
```

Tetradic Color

#796414
```
#796414 rgb(121,100,20)
```
#8f7618
```
#8f7618 rgb(143,118,24)
```
#a5881b
```
#a5881b rgb(165,136,27)
```
#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#d1ac23
```
#d1ac23 rgb(209,172,35)
```
#ddb830
```
#ddb830 rgb(221,184,48)
```
#e0c046
```
#e0c046 rgb(224,192,70)
```

Monochromatic Color

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

#bb731f
```
#bb731f rgb(187,115,31)
```
#bb801f
```
#bb801f rgb(187,128,31)
```
#bb8d1f
```
#bb8d1f rgb(187,141,31)
```
#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#bba71f
```
#bba71f rgb(187,167,31)
```
#bbb41f
```
#bbb41f rgb(187,180,31)
```
#b5bb1f
```
#b5bb1f rgb(181,187,31)
```

Similar Colors

Text with hexadecimal color #bb9a1f

This text has a font color of #bb9a1f.

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

#bb9a1f background color

This paragraph has a background color of #bb9a1f.

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

#bb9a1f border color

This element has a border color of #bb9a1f.

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

CSS codes

.text {color:#bb9a1f;}

.background {background-color:#bb9a1f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#130f03
```
#130f03 rgb(19,15,3)
```
#241d06
```
#241d06 rgb(36,29,6)
```
#342b09
```
#342b09 rgb(52,43,9)
```
#45390b
```
#45390b rgb(69,57,11)
```
#56470e
```
#56470e rgb(86,71,14)
```
#675511
```
#675511 rgb(103,85,17)
```
#786314
```
#786314 rgb(120,99,20)
```
#897017
```
#897017 rgb(137,112,23)
```
#997e19
```
#997e19 rgb(153,126,25)
```
#aa8c1c
```
#aa8c1c rgb(170,140,28)
```
#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#cca822
```
#cca822 rgb(204,168,34)
```

Shade Color Variation

#dbb526
```
#dbb526 rgb(219,181,38)
```
#debb37
```
#debb37 rgb(222,187,55)
```
#e1c048
```
#e1c048 rgb(225,192,72)
```
#e3c659
```
#e3c659 rgb(227,198,89)
```
#e6cc69
```
#e6cc69 rgb(230,204,105)
```
#e9d27a
```
#e9d27a rgb(233,210,122)
```
#ecd78b
```
#ecd78b rgb(236,215,139)
```
#efdd9c
```
#efdd9c rgb(239,221,156)
```
#f1e3ad
```
#f1e3ad rgb(241,227,173)
```
#f4e9be
```
#f4e9be rgb(244,233,190)
```
#f7eece
```
#f7eece rgb(247,238,206)
```
#faf4df
```
#faf4df rgb(250,244,223)
```
#fdfaf0
```
#fdfaf0 rgb(253,250,240)
```

Tint Color Variation

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

#706e6a
```
#706e6a rgb(112,110,106)
```
#787362
```
#787362 rgb(120,115,98)
```
#80785a
```
#80785a rgb(128,120,90)
```
#897d51
```
#897d51 rgb(137,125,81)
```
#918249
```
#918249 rgb(145,130,73)
```
#998741
```
#998741 rgb(153,135,65)
```
#a28b38
```
#a28b38 rgb(162,139,56)
```
#aa9030
```
#aa9030 rgb(170,144,48)
```
#b39527
```
#b39527 rgb(179,149,39)
```
#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#c39f17
```
#c39f17 rgb(195,159,23)
```
#cca40e
```
#cca40e rgb(204,164,14)
```
#d4a906
```
#d4a906 rgb(212,169,6)
```

Tone Color Variation

Below, you can see how #bb9a1f 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
#9d977e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a22b Protanopia 1% of men
#ca9a2d Deuteranopia 1% of men
#c6959f Tritanopia 0.001% of the population

Trichromacy

#b79f26 Protanomaly 1% of men, 0.01% of women
#c49a28 Deuteranomaly 6% of men, 0.4% of women
#c29670 Tritanomaly 0.01% of the population

#bb9a1f hex color

#bb9a1f Color Information

#bb9a1f Color Conversion

Color Schemes with #bb9a1f

Alternatives to #bb9a1f

#bb9a1f Preview

Shades and Tints of #bb9a1f

Tones of #bb9a1f

Color Blindness Simulator