#bb7448 hex color

In a RGB color space, hex #bb7448 is composed of 73.3% red, 45.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38% magenta, 61.5% yellow and 26.7% black. It has a hue angle of 23 degrees, a saturation of 45.8% and a lightness of 50.8%. #bb7448 color hex could be obtained by blending #ffe890 with #770000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 45
- B 28
RGB color chart
- C 0
- M 38
- Y 61
- K 27
CMYK color chart

● #bb7448 color description : Moderate orange.

The hexadecimal color #bb7448 has RGB values of R:187, G:116, B:72 and CMYK values of C:0, M:0.38, Y:0.61, K:0.27. Its decimal value is 12285000.

Hex triplet	bb7448	`#bb7448`
RGB Decimal	187, 116, 72	`rgb(187,116,72)`
RGB Percent	73.3, 45.5, 28.2	`rgb(73.3%,45.5%,28.2%)`
CMYK	0, 38, 61, 27
HSL	23°, 45.8, 50.8	`hsl(23,45.8%,50.8%)`
HSV (or HSB)	23°, 61.5, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.609, 23.671, 35.698
XYZ	27.909, 23.525, 9.202
xyY	0.46, 0.388, 23.525
CIE-LCH	55.609, 42.833, 56.452
CIE-LUV	55.609, 54.592, 36.222
Hunter-Lab	48.503, 17.831, 22.704
Binary	10111011, 01110100, 01001000

#bb7448
```
#bb7448 rgb(187,116,72)
```
#488fbb
```
#488fbb rgb(72,143,187)
```

Complementary Color

#bb4856
```
#bb4856 rgb(187,72,86)
```
#bb7448
```
#bb7448 rgb(187,116,72)
```
#bbae48
```
#bbae48 rgb(187,174,72)
```

Analogous Color

#4856bb
```
#4856bb rgb(72,86,187)
```
#bb7448
```
#bb7448 rgb(187,116,72)
```
#48bbae
```
#48bbae rgb(72,187,174)
```

Split Complementary Color

#7448bb
```
#7448bb rgb(116,72,187)
```
#bb7448
```
#bb7448 rgb(187,116,72)
```
#48bb74
```
#48bb74 rgb(72,187,116)
```

Triadic Color

#bb488f
```
#bb488f rgb(187,72,143)
```
#bb7448
```
#bb7448 rgb(187,116,72)
```
#48bb74
```
#48bb74 rgb(72,187,116)
```
#488fbb
```
#488fbb rgb(72,143,187)
```

Tetradic Color

#855131
```
#855131 rgb(133,81,49)
```
#985d38
```
#985d38 rgb(152,93,56)
```
#aa683f
```
#aa683f rgb(170,104,63)
```
#bb7448
```
#bb7448 rgb(187,116,72)
```
#c2825b
```
#c2825b rgb(194,130,91)
```
#c9906d
```
#c9906d rgb(201,144,109)
```
#d09e80
```
#d09e80 rgb(208,158,128)
```

Monochromatic Color

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

#bb5748
```
#bb5748 rgb(187,87,72)
```
#bb6148
```
#bb6148 rgb(187,97,72)
```
#bb6a48
```
#bb6a48 rgb(187,106,72)
```
#bb7448
```
#bb7448 rgb(187,116,72)
```
#bb7e48
```
#bb7e48 rgb(187,126,72)
```
#bb8748
```
#bb8748 rgb(187,135,72)
```
#bb9148
```
#bb9148 rgb(187,145,72)
```

Similar Colors

Text with hexadecimal color #bb7448

This text has a font color of #bb7448.

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

#bb7448 background color

This paragraph has a background color of #bb7448.

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

#bb7448 border color

This element has a border color of #bb7448.

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

CSS codes

.text {color:#bb7448;}

.background {background-color:#bb7448;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110b06
```
#110b06 rgb(17,11,6)
```
#20130c
```
#20130c rgb(32,19,12)
```
#2e1c11
```
#2e1c11 rgb(46,28,17)
```
#3c2516
```
#3c2516 rgb(60,37,22)
```
#4a2e1c
```
#4a2e1c rgb(74,46,28)
```
#593621
```
#593621 rgb(89,54,33)
```
#673f26
```
#673f26 rgb(103,63,38)
```
#75482c
```
#75482c rgb(117,72,44)
```
#845131
```
#845131 rgb(132,81,49)
```
#925936
```
#925936 rgb(146,89,54)
```
#a0623c
```
#a0623c rgb(160,98,60)
```
#af6b41
```
#af6b41 rgb(175,107,65)
```

Shade Color Variation

#bb7448
```
#bb7448 rgb(187,116,72)
```
#c07f56
```
#c07f56 rgb(192,127,86)
```
#c68a65
```
#c68a65 rgb(198,138,101)
```
#cb9573
```
#cb9573 rgb(203,149,115)
```
#d09f81
```
#d09f81 rgb(208,159,129)
```
#d6aa90
```
#d6aa90 rgb(214,170,144)
```
#dbb59e
```
#dbb59e rgb(219,181,158)
```
#e0c0ac
```
#e0c0ac rgb(224,192,172)
```
#e6cbba
```
#e6cbba rgb(230,203,186)
```
#ebd6c9
```
#ebd6c9 rgb(235,214,201)
```
#f0e1d7
```
#f0e1d7 rgb(240,225,215)
```
#f5ebe5
```
#f5ebe5 rgb(245,235,229)
```
#fbf6f4
```
#fbf6f4 rgb(251,246,244)
```

Tint Color Variation

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

#8b7f78
```
#8b7f78 rgb(139,127,120)
```
#947d6f
```
#947d6f rgb(148,125,111)
```
#9e7b65
```
#9e7b65 rgb(158,123,101)
```
#a8795b
```
#a8795b rgb(168,121,91)
```
#b17652
```
#b17652 rgb(177,118,82)
```
#bb7448
```
#bb7448 rgb(187,116,72)
```
#c5723e
```
#c5723e rgb(197,114,62)
```
#ce6f35
```
#ce6f35 rgb(206,111,53)
```
#d86d2b
```
#d86d2b rgb(216,109,43)
```
#e26b21
```
#e26b21 rgb(226,107,33)
```
#eb6918
```
#eb6918 rgb(235,105,24)
```
#f5660e
```
#f5660e rgb(245,102,14)
```
#ff6404
```
#ff6404 rgb(255,100,4)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8f8178 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988b57 Protanopia 1% of men
#a9854e Deuteranopia 1% of men
#c1757d Tritanopia 0.001% of the population

Trichromacy

#a48251 Protanomaly 1% of men, 0.01% of women
#af7f4c Deuteranomaly 6% of men, 0.4% of women
#bf756a Tritanomaly 0.01% of the population

#bb7448 hex color

#bb7448 Color Information

#bb7448 Color Conversion

Color Schemes with #bb7448

Alternatives to #bb7448

#bb7448 Preview

Shades and Tints of #bb7448

Tones of #bb7448

Color Blindness Simulator