colorhexa.com

#b45b38 hex color

In a RGB color space, hex #b45b38 is composed of 70.6% red, 35.7% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.4% magenta, 68.9% yellow and 29.4% black. It has a hue angle of 16.9 degrees, a saturation of 52.5% and a lightness of 46.3%. #b45b38 color hex could be obtained by blending #ffb670 with #690000. Closest websafe color is: #cc6633.

- R 71
- G 36
- B 22
RGB color chart
- C 0
- M 49
- Y 69
- K 29
CMYK color chart

● #b45b38 color description : Moderate orange.

The hexadecimal color #b45b38 has RGB values of R:180, G:91, B:56 and CMYK values of C:0, M:0.49, Y:0.69, K:0.29. Its decimal value is 11819832.

Hex triplet	b45b38	`#b45b38`
RGB Decimal	180, 91, 56	`rgb(180,91,56)`
RGB Percent	70.6, 35.7, 22	`rgb(70.6%,35.7%,22%)`
CMYK	0, 49, 69, 29
HSL	16.9°, 52.5, 46.3	`hsl(16.9,52.5%,46.3%)`
HSV (or HSB)	16.9°, 68.9, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	48.851, 33.3, 36.181
XYZ	23.278, 17.473, 5.888
xyY	0.499, 0.375, 17.473
CIE-LCH	48.851, 49.172, 47.375
CIE-LUV	48.851, 69.49, 32.134
Hunter-Lab	41.801, 26.252, 20.909
Binary	10110100, 01011011, 00111000

#b45b38
```
#b45b38 rgb(180,91,56)
```
#3891b4
```
#3891b4 rgb(56,145,180)
```

Complementary Color

#b43853
```
#b43853 rgb(180,56,83)
```
#b45b38
```
#b45b38 rgb(180,91,56)
```
#b49938
```
#b49938 rgb(180,153,56)
```

Analogous Color

#3853b4
```
#3853b4 rgb(56,83,180)
```
#b45b38
```
#b45b38 rgb(180,91,56)
```
#38b499
```
#38b499 rgb(56,180,153)
```

Split Complementary Color

#5b38b4
```
#5b38b4 rgb(91,56,180)
```
#b45b38
```
#b45b38 rgb(180,91,56)
```
#38b45b
```
#38b45b rgb(56,180,91)
```

Triadic Color

#b43891
```
#b43891 rgb(180,56,145)
```
#b45b38
```
#b45b38 rgb(180,91,56)
```
#38b45b
```
#38b45b rgb(56,180,91)
```
#3891b4
```
#3891b4 rgb(56,145,180)
```

Tetradic Color

#7a3e26
```
#7a3e26 rgb(122,62,38)
```
#8d472c
```
#8d472c rgb(141,71,44)
```
#a15132
```
#a15132 rgb(161,81,50)
```
#b45b38
```
#b45b38 rgb(180,91,56)
```
#c46641
```
#c46641 rgb(196,102,65)
```
#ca7655
```
#ca7655 rgb(202,118,85)
```
#d08668
```
#d08668 rgb(208,134,104)
```

Monochromatic Color

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

#b43c38
```
#b43c38 rgb(180,60,56)
```
#b44638
```
#b44638 rgb(180,70,56)
```
#b45138
```
#b45138 rgb(180,81,56)
```
#b45b38
```
#b45b38 rgb(180,91,56)
```
#b46538
```
#b46538 rgb(180,101,56)
```
#b47038
```
#b47038 rgb(180,112,56)
```
#b47a38
```
#b47a38 rgb(180,122,56)
```

Similar Colors

Text with hexadecimal color #b45b38

This text has a font color of #b45b38.

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

#b45b38 background color

This paragraph has a background color of #b45b38.

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

#b45b38 border color

This element has a border color of #b45b38.

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

CSS codes

.text {color:#b45b38;}

.background {background-color:#b45b38;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0805
```
#0f0805 rgb(15,8,5)
```
#1e0f09
```
#1e0f09 rgb(30,15,9)
```
#2d170e
```
#2d170e rgb(45,23,14)
```
#3c1e13
```
#3c1e13 rgb(60,30,19)
```
#4b2617
```
#4b2617 rgb(75,38,23)
```
#5a2e1c
```
#5a2e1c rgb(90,46,28)
```
#693521
```
#693521 rgb(105,53,33)
```
#783d25
```
#783d25 rgb(120,61,37)
```
#87442a
```
#87442a rgb(135,68,42)
```
#964c2f
```
#964c2f rgb(150,76,47)
```
#a55333
```
#a55333 rgb(165,83,51)
```
#b45b38
```
#b45b38 rgb(180,91,56)
```

Shade Color Variation

#c3633d
```
#c3633d rgb(195,99,61)
```
#c76f4c
```
#c76f4c rgb(199,111,76)
```
#cc7b5b
```
#cc7b5b rgb(204,123,91)
```
#d1876a
```
#d1876a rgb(209,135,106)
```
#d59379
```
#d59379 rgb(213,147,121)
```
#da9f88
```
#da9f88 rgb(218,159,136)
```
#dfab97
```
#dfab97 rgb(223,171,151)
```
#e3b7a6
```
#e3b7a6 rgb(227,183,166)
```
#e8c3b5
```
#e8c3b5 rgb(232,195,181)
```
#edcfc4
```
#edcfc4 rgb(237,207,196)
```
#f1dbd3
```
#f1dbd3 rgb(241,219,211)
```
#f6e7e2
```
#f6e7e2 rgb(246,231,226)
```
#faf3f1
```
#faf3f1 rgb(250,243,241)
```

Tint Color Variation

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

#7e736e
```
#7e736e rgb(126,115,110)
```
#876f65
```
#876f65 rgb(135,111,101)
```
#906b5c
```
#906b5c rgb(144,107,92)
```
#996753
```
#996753 rgb(153,103,83)
```
#a2634a
```
#a2634a rgb(162,99,74)
```
#ab5f41
```
#ab5f41 rgb(171,95,65)
```
#b45b38
```
#b45b38 rgb(180,91,56)
```
#bd572f
```
#bd572f rgb(189,87,47)
```
#c65326
```
#c65326 rgb(198,83,38)
```
#cf4f1d
```
#cf4f1d rgb(207,79,29)
```
#d84b14
```
#d84b14 rgb(216,75,20)
```
#e1470b
```
#e1470b rgb(225,71,11)
```
#ea4302
```
#ea4302 rgb(234,67,2)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7f6d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867b4a Protanopia 1% of men
#96753d Deuteranopia 1% of men
#b95f65 Tritanopia 0.001% of the population

Trichromacy

#976f43 Protanomaly 1% of men, 0.01% of women
#a16c3b Deuteranomaly 6% of men, 0.4% of women
#b75d54 Tritanomaly 0.01% of the population