#bb9945 hex color

In a RGB color space, hex #bb9945 is composed of 73.3% red, 60% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.2% magenta, 63.1% yellow and 26.7% black. It has a hue angle of 42.7 degrees, a saturation of 46.5% and a lightness of 50.2%. #bb9945 color hex could be obtained by blending #ffff8a with #773300. Closest websafe color is: #cc9933.

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

● #bb9945 color description : Moderate orange.

The hexadecimal color #bb9945 has RGB values of R:187, G:153, B:69 and CMYK values of C:0, M:0.18, Y:0.63, K:0.27. Its decimal value is 12294469.

Hex triplet	bb9945	`#bb9945`
RGB Decimal	187, 153, 69	`rgb(187,153,69)`
RGB Percent	73.3, 60, 27.1	`rgb(73.3%,60%,27.1%)`
CMYK	0, 18, 63, 27
HSL	42.7°, 46.5, 50.2	`hsl(42.7,46.5%,50.2%)`
HSV (or HSB)	42.7°, 63.1, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.786, 3.06, 47.823
XYZ	32.959, 33.778, 10.414
xyY	0.427, 0.438, 33.778
CIE-LCH	64.786, 47.921, 86.338
CIE-LUV	64.786, 27.876, 54.06
Hunter-Lab	58.119, -0.481, 30.06
Binary	10111011, 10011001, 01000101

#bb9945
```
#bb9945 rgb(187,153,69)
```
#4567bb
```
#4567bb rgb(69,103,187)
```

Complementary Color

#bb5e45
```
#bb5e45 rgb(187,94,69)
```
#bb9945
```
#bb9945 rgb(187,153,69)
```
#a2bb45
```
#a2bb45 rgb(162,187,69)
```

Analogous Color

#5e45bb
```
#5e45bb rgb(94,69,187)
```
#bb9945
```
#bb9945 rgb(187,153,69)
```
#45a2bb
```
#45a2bb rgb(69,162,187)
```

Split Complementary Color

#9945bb
```
#9945bb rgb(153,69,187)
```
#bb9945
```
#bb9945 rgb(187,153,69)
```
#45bb99
```
#45bb99 rgb(69,187,153)
```

Triadic Color

#bb4567
```
#bb4567 rgb(187,69,103)
```
#bb9945
```
#bb9945 rgb(187,153,69)
```
#45bb99
```
#45bb99 rgb(69,187,153)
```
#4567bb
```
#4567bb rgb(69,103,187)
```

Tetradic Color

#836b30
```
#836b30 rgb(131,107,48)
```
#967b37
```
#967b37 rgb(150,123,55)
```
#a98a3e
```
#a98a3e rgb(169,138,62)
```
#bb9945
```
#bb9945 rgb(187,153,69)
```
#c2a358
```
#c2a358 rgb(194,163,88)
```
#c9ad6a
```
#c9ad6a rgb(201,173,106)
```
#cfb87d
```
#cfb87d rgb(207,184,125)
```

Monochromatic Color

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

#bb7c45
```
#bb7c45 rgb(187,124,69)
```
#bb8545
```
#bb8545 rgb(187,133,69)
```
#bb8f45
```
#bb8f45 rgb(187,143,69)
```
#bb9945
```
#bb9945 rgb(187,153,69)
```
#bba345
```
#bba345 rgb(187,163,69)
```
#bbad45
```
#bbad45 rgb(187,173,69)
```
#bbb745
```
#bbb745 rgb(187,183,69)
```

Similar Colors

Text with hexadecimal color #bb9945

This text has a font color of #bb9945.

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

#bb9945 background color

This paragraph has a background color of #bb9945.

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

#bb9945 border color

This element has a border color of #bb9945.

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

CSS codes

.text {color:#bb9945;}

.background {background-color:#bb9945;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0c06
```
#0f0c06 rgb(15,12,6)
```
#1d180b
```
#1d180b rgb(29,24,11)
```
#2c2410
```
#2c2410 rgb(44,36,16)
```
#3a3015
```
#3a3015 rgb(58,48,21)
```
#493b1b
```
#493b1b rgb(73,59,27)
```
#574720
```
#574720 rgb(87,71,32)
```
#655325
```
#655325 rgb(101,83,37)
```
#745f2a
```
#745f2a rgb(116,95,42)
```
#826a30
```
#826a30 rgb(130,106,48)
```
#907635
```
#907635 rgb(144,118,53)
```
#9f823a
```
#9f823a rgb(159,130,58)
```
#ad8d3f
```
#ad8d3f rgb(173,141,63)
```

Shade Color Variation

#bb9945
```
#bb9945 rgb(187,153,69)
```
#c0a153
```
#c0a153 rgb(192,161,83)
```
#c6a962
```
#c6a962 rgb(198,169,98)
```
#cbb170
```
#cbb170 rgb(203,177,112)
```
#d0b97e
```
#d0b97e rgb(208,185,126)
```
#d5c08d
```
#d5c08d rgb(213,192,141)
```
#dbc89b
```
#dbc89b rgb(219,200,155)
```
#e0d0aa
```
#e0d0aa rgb(224,208,170)
```
#e5d8b8
```
#e5d8b8 rgb(229,216,184)
```
#eae0c6
```
#eae0c6 rgb(234,224,198)
```
#f0e8d5
```
#f0e8d5 rgb(240,232,213)
```
#f5f0e3
```
#f5f0e3 rgb(245,240,227)
```
#faf8f1
```
#faf8f1 rgb(250,248,241)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#8a8476
```
#8a8476 rgb(138,132,118)
```
#94886c
```
#94886c rgb(148,136,108)
```
#9e8d62
```
#9e8d62 rgb(158,141,98)
```
#a79159
```
#a79159 rgb(167,145,89)
```
#b1954f
```
#b1954f rgb(177,149,79)
```
#bb9945
```
#bb9945 rgb(187,153,69)
```
#c59d3b
```
#c59d3b rgb(197,157,59)
```
#cfa131
```
#cfa131 rgb(207,161,49)
```
#d8a528
```
#d8a528 rgb(216,165,40)
```
#e2aa1e
```
#e2aa1e rgb(226,170,30)
```
#ecae14
```
#ecae14 rgb(236,174,20)
```
#f6b20a
```
#f6b20a rgb(246,178,10)
```

Tone Color Variation

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

Dichromacy

#b3a24f Protanopia 1% of men
#c69a4f Deuteranopia 1% of men
#c5959f Tritanopia 0.001% of the population

Trichromacy

#b69e4b Protanomaly 1% of men, 0.01% of women
#c29a4b Deuteranomaly 6% of men, 0.4% of women
#c1967e Tritanomaly 0.01% of the population

#bb9945 hex color

#bb9945 Color Information

#bb9945 Color Conversion

Color Schemes with #bb9945

Alternatives to #bb9945

#bb9945 Preview

Shades and Tints of #bb9945

Tones of #bb9945

Color Blindness Simulator