colorhexa.com

#bb7238 hex color

In a RGB color space, hex #bb7238 is composed of 73.3% red, 44.7% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39% magenta, 70.1% yellow and 26.7% black. It has a hue angle of 26.6 degrees, a saturation of 53.9% and a lightness of 47.6%. #bb7238 color hex could be obtained by blending #ffe470 with #770000. Closest websafe color is: #cc6633.

- R 73
- G 45
- B 22
RGB color chart
- C 0
- M 39
- Y 70
- K 27
CMYK color chart

● #bb7238 color description : Moderate orange.

The hexadecimal color #bb7238 has RGB values of R:187, G:114, B:56 and CMYK values of C:0, M:0.39, Y:0.7, K:0.27. Its decimal value is 12284472.

Hex triplet	bb7238	`#bb7238`
RGB Decimal	187, 114, 56	`rgb(187,114,56)`
RGB Percent	73.3, 44.7, 22	`rgb(73.3%,44.7%,22%)`
CMYK	0, 39, 70, 27
HSL	26.6°, 53.9, 47.6	`hsl(26.6,53.9%,47.6%)`
HSV (or HSB)	26.6°, 70.1, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.956, 23.752, 43.28
XYZ	27.225, 22.887, 6.725
xyY	0.479, 0.403, 22.887
CIE-LCH	54.956, 49.37, 61.242
CIE-LUV	54.956, 57.79, 42.059
Hunter-Lab	47.84, 17.862, 25.154
Binary	10111011, 01110010, 00111000

#bb7238
```
#bb7238 rgb(187,114,56)
```
#3881bb
```
#3881bb rgb(56,129,187)
```

Complementary Color

#bb383f
```
#bb383f rgb(187,56,63)
```
#bb7238
```
#bb7238 rgb(187,114,56)
```
#bbb438
```
#bbb438 rgb(187,180,56)
```

Analogous Color

#3840bb
```
#3840bb rgb(56,64,187)
```
#bb7238
```
#bb7238 rgb(187,114,56)
```
#38bbb4
```
#38bbb4 rgb(56,187,180)
```

Split Complementary Color

#7238bb
```
#7238bb rgb(114,56,187)
```
#bb7238
```
#bb7238 rgb(187,114,56)
```
#38bb72
```
#38bb72 rgb(56,187,114)
```

Triadic Color

#bb3881
```
#bb3881 rgb(187,56,129)
```
#bb7238
```
#bb7238 rgb(187,114,56)
```
#38bb72
```
#38bb72 rgb(56,187,114)
```
#3881bb
```
#3881bb rgb(56,129,187)
```

Tetradic Color

#804e26
```
#804e26 rgb(128,78,38)
```
#945a2c
```
#945a2c rgb(148,90,44)
```
#a76632
```
#a76632 rgb(167,102,50)
```
#bb7238
```
#bb7238 rgb(187,114,56)
```
#c77f45
```
#c77f45 rgb(199,127,69)
```
#cd8c59
```
#cd8c59 rgb(205,140,89)
```
#d39a6c
```
#d39a6c rgb(211,154,108)
```

Monochromatic Color

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

#bb5138
```
#bb5138 rgb(187,81,56)
```
#bb5c38
```
#bb5c38 rgb(187,92,56)
```
#bb6738
```
#bb6738 rgb(187,103,56)
```
#bb7238
```
#bb7238 rgb(187,114,56)
```
#bb7d38
```
#bb7d38 rgb(187,125,56)
```
#bb8838
```
#bb8838 rgb(187,136,56)
```
#bb9338
```
#bb9338 rgb(187,147,56)
```

Similar Colors

Text with hexadecimal color #bb7238

This text has a font color of #bb7238.

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

#bb7238 background color

This paragraph has a background color of #bb7238.

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

#bb7238 border color

This element has a border color of #bb7238.

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

CSS codes

.text {color:#bb7238;}

.background {background-color:#bb7238;}

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

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

#060402
```
#060402 rgb(6,4,2)
```
#150d06
```
#150d06 rgb(21,13,6)
```
#24160b
```
#24160b rgb(36,22,11)
```
#331f0f
```
#331f0f rgb(51,31,15)
```
#422814
```
#422814 rgb(66,40,20)
```
#513218
```
#513218 rgb(81,50,24)
```
#603b1d
```
#603b1d rgb(96,59,29)
```
#704421
```
#704421 rgb(112,68,33)
```
#7f4d26
```
#7f4d26 rgb(127,77,38)
```
#8e562a
```
#8e562a rgb(142,86,42)
```
#9d602f
```
#9d602f rgb(157,96,47)
```
#ac6933
```
#ac6933 rgb(172,105,51)
```
#bb7238
```
#bb7238 rgb(187,114,56)
```

Shade Color Variation

#c67c41
```
#c67c41 rgb(198,124,65)
```
#cb8650
```
#cb8650 rgb(203,134,80)
```
#cf905f
```
#cf905f rgb(207,144,95)
```
#d49b6e
```
#d49b6e rgb(212,155,110)
```
#d8a57d
```
#d8a57d rgb(216,165,125)
```
#ddb08c
```
#ddb08c rgb(221,176,140)
```
#e1ba9b
```
#e1ba9b rgb(225,186,155)
```
#e6c5aa
```
#e6c5aa rgb(230,197,170)
```
#eacfb9
```
#eacfb9 rgb(234,207,185)
```
#efd9c8
```
#efd9c8 rgb(239,217,200)
```
#f3e4d8
```
#f3e4d8 rgb(243,228,216)
```
#f8eee7
```
#f8eee7 rgb(248,238,231)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#7a7979
```
#7a7979 rgb(122,121,121)
```
#837870
```
#837870 rgb(131,120,112)
```
#8c7767
```
#8c7767 rgb(140,119,103)
```
#96765d
```
#96765d rgb(150,118,93)
```
#9f7554
```
#9f7554 rgb(159,117,84)
```
#a8744b
```
#a8744b rgb(168,116,75)
```
#b27341
```
#b27341 rgb(178,115,65)
```
#bb7238
```
#bb7238 rgb(187,114,56)
```
#c4712f
```
#c4712f rgb(196,113,47)
```
#ce7025
```
#ce7025 rgb(206,112,37)
```
#d76f1c
```
#d76f1c rgb(215,111,28)
```
#e06e13
```
#e06e13 rgb(224,110,19)
```
#ea6d09
```
#ea6d09 rgb(234,109,9)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8d7e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a47 Protanopia 1% of men
#a9833f Deuteranopia 1% of men
#c2727a Tritanopia 0.001% of the population

Trichromacy

#a48141 Protanomaly 1% of men, 0.01% of women
#af7d3c Deuteranomaly 6% of men, 0.4% of women
#bf7262 Tritanomaly 0.01% of the population