#bb6946 hex color

In a RGB color space, hex #bb6946 is composed of 73.3% red, 41.2% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.9% magenta, 62.6% yellow and 26.7% black. It has a hue angle of 17.9 degrees, a saturation of 46.2% and a lightness of 50.4%. #bb6946 color hex could be obtained by blending #ffd28c with #770000. Closest websafe color is: #cc6633.

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

● #bb6946 color description : Moderate orange.

The hexadecimal color #bb6946 has RGB values of R:187, G:105, B:70 and CMYK values of C:0, M:0.44, Y:0.63, K:0.27. Its decimal value is 12282182.

Hex triplet	bb6946	`#bb6946`
RGB Decimal	187, 105, 70	`rgb(187,105,70)`
RGB Percent	73.3, 41.2, 27.5	`rgb(73.3%,41.2%,27.5%)`
CMYK	0, 44, 63, 27
HSL	17.9°, 46.2, 50.4	`hsl(17.9,46.2%,50.4%)`
HSV (or HSB)	17.9°, 62.6, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.072, 29.538, 33.728
XYZ	26.651, 21.112, 8.466
xyY	0.474, 0.375, 21.112
CIE-LCH	53.072, 44.834, 48.789
CIE-LUV	53.072, 62.973, 32.407
Hunter-Lab	45.948, 23.126, 21.24
Binary	10111011, 01101001, 01000110

#bb6946
```
#bb6946 rgb(187,105,70)
```
#4698bb
```
#4698bb rgb(70,152,187)
```

Complementary Color

#bb465d
```
#bb465d rgb(187,70,93)
```
#bb6946
```
#bb6946 rgb(187,105,70)
```
#bba446
```
#bba446 rgb(187,164,70)
```

Analogous Color

#465dbb
```
#465dbb rgb(70,93,187)
```
#bb6946
```
#bb6946 rgb(187,105,70)
```
#46bba4
```
#46bba4 rgb(70,187,164)
```

Split Complementary Color

#6946bb
```
#6946bb rgb(105,70,187)
```
#bb6946
```
#bb6946 rgb(187,105,70)
```
#46bb69
```
#46bb69 rgb(70,187,105)
```

Triadic Color

#bb4698
```
#bb4698 rgb(187,70,152)
```
#bb6946
```
#bb6946 rgb(187,105,70)
```
#46bb69
```
#46bb69 rgb(70,187,105)
```
#4698bb
```
#4698bb rgb(70,152,187)
```

Tetradic Color

#844931
```
#844931 rgb(132,73,49)
```
#975437
```
#975437 rgb(151,84,55)
```
#a95e3e
```
#a95e3e rgb(169,94,62)
```
#bb6946
```
#bb6946 rgb(187,105,70)
```
#c27859
```
#c27859 rgb(194,120,89)
```
#c9876b
```
#c9876b rgb(201,135,107)
```
#d0967e
```
#d0967e rgb(208,150,126)
```

Monochromatic Color

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

#bb4c46
```
#bb4c46 rgb(187,76,70)
```
#bb5646
```
#bb5646 rgb(187,86,70)
```
#bb5f46
```
#bb5f46 rgb(187,95,70)
```
#bb6946
```
#bb6946 rgb(187,105,70)
```
#bb7346
```
#bb7346 rgb(187,115,70)
```
#bb7d46
```
#bb7d46 rgb(187,125,70)
```
#bb8646
```
#bb8646 rgb(187,134,70)
```

Similar Colors

Text with hexadecimal color #bb6946

This text has a font color of #bb6946.

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

#bb6946 background color

This paragraph has a background color of #bb6946.

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

#bb6946 border color

This element has a border color of #bb6946.

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

CSS codes

.text {color:#bb6946;}

.background {background-color:#bb6946;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#100906
```
#100906 rgb(16,9,6)
```
#1e110b
```
#1e110b rgb(30,17,11)
```
#2c1910
```
#2c1910 rgb(44,25,16)
```
#3b2116
```
#3b2116 rgb(59,33,22)
```
#49291b
```
#49291b rgb(73,41,27)
```
#583120
```
#583120 rgb(88,49,32)
```
#663925
```
#663925 rgb(102,57,37)
```
#74412b
```
#74412b rgb(116,65,43)
```
#834930
```
#834930 rgb(131,73,48)
```
#915135
```
#915135 rgb(145,81,53)
```
#9f593b
```
#9f593b rgb(159,89,59)
```
#ae6140
```
#ae6140 rgb(174,97,64)
```

Shade Color Variation

#bb6946
```
#bb6946 rgb(187,105,70)
```
#c07554
```
#c07554 rgb(192,117,84)
```
#c68063
```
#c68063 rgb(198,128,99)
```
#cb8c71
```
#cb8c71 rgb(203,140,113)
```
#d0987f
```
#d0987f rgb(208,152,127)
```
#d5a38e
```
#d5a38e rgb(213,163,142)
```
#dbaf9c
```
#dbaf9c rgb(219,175,156)
```
#e0baaa
```
#e0baaa rgb(224,186,170)
```
#e5c6b9
```
#e5c6b9 rgb(229,198,185)
```
#ead2c7
```
#ead2c7 rgb(234,210,199)
```
#f0ddd5
```
#f0ddd5 rgb(240,221,213)
```
#f5e9e4
```
#f5e9e4 rgb(245,233,228)
```
#faf5f2
```
#faf5f2 rgb(250,245,242)
```

Tint Color Variation

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

#818080
```
#818080 rgb(129,128,128)
```
#8a7d77
```
#8a7d77 rgb(138,125,119)
```
#94796d
```
#94796d rgb(148,121,109)
```
#9e7563
```
#9e7563 rgb(158,117,99)
```
#a87159
```
#a87159 rgb(168,113,89)
```
#b16d50
```
#b16d50 rgb(177,109,80)
```
#bb6946
```
#bb6946 rgb(187,105,70)
```
#c5653c
```
#c5653c rgb(197,101,60)
```
#ce6133
```
#ce6133 rgb(206,97,51)
```
#d85d29
```
#d85d29 rgb(216,93,41)
```
#e2591f
```
#e2591f rgb(226,89,31)
```
#ec5515
```
#ec5515 rgb(236,85,21)
```
#f5520c
```
#f5520c rgb(245,82,12)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8a7a73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908556 Protanopia 1% of men
#a17f4b Deuteranopia 1% of men
#c06c73 Tritanopia 0.001% of the population

Trichromacy

#a07b50 Protanomaly 1% of men, 0.01% of women
#ab7749 Deuteranomaly 6% of men, 0.4% of women
#be6b62 Tritanomaly 0.01% of the population

#bb6946 hex color

#bb6946 Color Information

#bb6946 Color Conversion

Color Schemes with #bb6946

Alternatives to #bb6946

#bb6946 Preview

Shades and Tints of #bb6946

Tones of #bb6946

Color Blindness Simulator