colorhexa.com

#bb7a3c hex color

In a RGB color space, hex #bb7a3c is composed of 73.3% red, 47.8% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 67.9% yellow and 26.7% black. It has a hue angle of 29.3 degrees, a saturation of 51.4% and a lightness of 48.4%. #bb7a3c color hex could be obtained by blending #fff478 with #770000. Closest websafe color is: #cc6633.

- R 73
- G 48
- B 24
RGB color chart
- C 0
- M 35
- Y 68
- K 27
CMYK color chart

● #bb7a3c color description : Moderate orange.

The hexadecimal color #bb7a3c has RGB values of R:187, G:122, B:60 and CMYK values of C:0, M:0.35, Y:0.68, K:0.27. Its decimal value is 12286524.

Hex triplet	bb7a3c	`#bb7a3c`
RGB Decimal	187, 122, 60	`rgb(187,122,60)`
RGB Percent	73.3, 47.8, 23.5	`rgb(73.3%,47.8%,23.5%)`
CMYK	0, 35, 68, 27
HSL	29.3°, 51.4, 48.4	`hsl(29.3,51.4%,48.4%)`
HSV (or HSB)	29.3°, 67.9, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.892, 19.567, 43.419
XYZ	28.269, 24.812, 7.575
xyY	0.466, 0.409, 24.812
CIE-LCH	56.892, 47.624, 65.741
CIE-LUV	56.892, 51.307, 43.903
Hunter-Lab	49.812, 14.133, 25.852
Binary	10111011, 01111010, 00111100

#bb7a3c
```
#bb7a3c rgb(187,122,60)
```
#3c7dbb
```
#3c7dbb rgb(60,125,187)
```

Complementary Color

#bb3c3e
```
#bb3c3e rgb(187,60,62)
```
#bb7a3c
```
#bb7a3c rgb(187,122,60)
```
#bbba3c
```
#bbba3c rgb(187,186,60)
```

Analogous Color

#3c3ebb
```
#3c3ebb rgb(60,62,187)
```
#bb7a3c
```
#bb7a3c rgb(187,122,60)
```
#3cbbba
```
#3cbbba rgb(60,187,186)
```

Split Complementary Color

#7a3cbb
```
#7a3cbb rgb(122,60,187)
```
#bb7a3c
```
#bb7a3c rgb(187,122,60)
```
#3cbb7a
```
#3cbb7a rgb(60,187,122)
```

Triadic Color

#bb3c7d
```
#bb3c7d rgb(187,60,125)
```
#bb7a3c
```
#bb7a3c rgb(187,122,60)
```
#3cbb7a
```
#3cbb7a rgb(60,187,122)
```
#3c7dbb
```
#3c7dbb rgb(60,125,187)
```

Tetradic Color

#815429
```
#815429 rgb(129,84,41)
```
#946130
```
#946130 rgb(148,97,48)
```
#a86d36
```
#a86d36 rgb(168,109,54)
```
#bb7a3c
```
#bb7a3c rgb(187,122,60)
```
#c5874b
```
#c5874b rgb(197,135,75)
```
#cc945e
```
#cc945e rgb(204,148,94)
```
#d2a172
```
#d2a172 rgb(210,161,114)
```

Monochromatic Color

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

#bb5a3c
```
#bb5a3c rgb(187,90,60)
```
#bb653c
```
#bb653c rgb(187,101,60)
```
#bb6f3c
```
#bb6f3c rgb(187,111,60)
```
#bb7a3c
```
#bb7a3c rgb(187,122,60)
```
#bb853c
```
#bb853c rgb(187,133,60)
```
#bb8f3c
```
#bb8f3c rgb(187,143,60)
```
#bb9a3c
```
#bb9a3c rgb(187,154,60)
```

Similar Colors

Text with hexadecimal color #bb7a3c

This text has a font color of #bb7a3c.

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

#bb7a3c background color

This paragraph has a background color of #bb7a3c.

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

#bb7a3c border color

This element has a border color of #bb7a3c.

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

CSS codes

.text {color:#bb7a3c;}

.background {background-color:#bb7a3c;}

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

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

#090603
```
#090603 rgb(9,6,3)
```
#180f08
```
#180f08 rgb(24,15,8)
```
#26190c
```
#26190c rgb(38,25,12)
```
#352311
```
#352311 rgb(53,35,17)
```
#442c16
```
#442c16 rgb(68,44,22)
```
#53361b
```
#53361b rgb(83,54,27)
```
#62401f
```
#62401f rgb(98,64,31)
```
#714a24
```
#714a24 rgb(113,74,36)
```
#805329
```
#805329 rgb(128,83,41)
```
#8e5d2e
```
#8e5d2e rgb(142,93,46)
```
#9d6732
```
#9d6732 rgb(157,103,50)
```
#ac7037
```
#ac7037 rgb(172,112,55)
```
#bb7a3c
```
#bb7a3c rgb(187,122,60)
```

Shade Color Variation

#c48447
```
#c48447 rgb(196,132,71)
```
#c98e56
```
#c98e56 rgb(201,142,86)
```
#cd9864
```
#cd9864 rgb(205,152,100)
```
#d2a273
```
#d2a273 rgb(210,162,115)
```
#d7ac82
```
#d7ac82 rgb(215,172,130)
```
#dcb591
```
#dcb591 rgb(220,181,145)
```
#e0bfa0
```
#e0bfa0 rgb(224,191,160)
```
#e5c9af
```
#e5c9af rgb(229,201,175)
```
#ead3be
```
#ead3be rgb(234,211,190)
```
#efddcc
```
#efddcc rgb(239,221,204)
```
#f4e7db
```
#f4e7db rgb(244,231,219)
```
#f8f1ea
```
#f8f1ea rgb(248,241,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#827b75
```
#827b75 rgb(130,123,117)
```
#8c7b6c
```
#8c7b6c rgb(140,123,108)
```
#957b62
```
#957b62 rgb(149,123,98)
```
#9f7b59
```
#9f7b59 rgb(159,123,89)
```
#a87a4f
```
#a87a4f rgb(168,122,79)
```
#b27a46
```
#b27a46 rgb(178,122,70)
```
#bb7a3c
```
#bb7a3c rgb(187,122,60)
```
#c57a33
```
#c57a33 rgb(197,122,51)
```
#ce7a29
```
#ce7a29 rgb(206,122,41)
```
#d87920
```
#d87920 rgb(216,121,32)
```
#e17916
```
#e17916 rgb(225,121,22)
```
#eb790d
```
#eb790d rgb(235,121,13)
```
#f47903
```
#f47903 rgb(244,121,3)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#918477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8e4a Protanopia 1% of men
#af8843 Deuteranopia 1% of men
#c27a82 Tritanopia 0.001% of the population

Trichromacy

#a88745 Protanomaly 1% of men, 0.01% of women
#b38340 Deuteranomaly 6% of men, 0.4% of women
#bf7a68 Tritanomaly 0.01% of the population