#b48b38 hex color

In a RGB color space, hex #b48b38 is composed of 70.6% red, 54.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.8% magenta, 68.9% yellow and 29.4% black. It has a hue angle of 40.2 degrees, a saturation of 52.5% and a lightness of 46.3%. #b48b38 color hex could be obtained by blending #ffff70 with #691700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 55
- B 22
RGB color chart
- C 0
- M 23
- Y 69
- K 29
CMYK color chart

● #b48b38 color description : Moderate orange.

The hexadecimal color #b48b38 has RGB values of R:180, G:139, B:56 and CMYK values of C:0, M:0.23, Y:0.69, K:0.29. Its decimal value is 11832120.

Hex triplet	b48b38	`#b48b38`
RGB Decimal	180, 139, 56	`rgb(180,139,56)`
RGB Percent	70.6, 54.5, 22	`rgb(70.6%,54.5%,22%)`
CMYK	0, 23, 69, 29
HSL	40.2°, 52.5, 46.3	`hsl(40.2,52.5%,46.3%)`
HSV (or HSB)	40.2°, 68.9, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	60.298, 6.841, 48.776
XYZ	28.769, 28.455, 7.718
xyY	0.443, 0.438, 28.455
CIE-LCH	60.298, 49.253, 82.016
CIE-LUV	60.298, 33.335, 52.198
Hunter-Lab	53.344, 2.917, 28.762
Binary	10110100, 10001011, 00111000

#b48b38
```
#b48b38 rgb(180,139,56)
```
#3861b4
```
#3861b4 rgb(56,97,180)
```

Complementary Color

#b44d38
```
#b44d38 rgb(180,77,56)
```
#b48b38
```
#b48b38 rgb(180,139,56)
```
#9fb438
```
#9fb438 rgb(159,180,56)
```

Analogous Color

#4d38b4
```
#4d38b4 rgb(77,56,180)
```
#b48b38
```
#b48b38 rgb(180,139,56)
```
#389fb4
```
#389fb4 rgb(56,159,180)
```

Split Complementary Color

#8b38b4
```
#8b38b4 rgb(139,56,180)
```
#b48b38
```
#b48b38 rgb(180,139,56)
```
#38b48b
```
#38b48b rgb(56,180,139)
```

Triadic Color

#b43861
```
#b43861 rgb(180,56,97)
```
#b48b38
```
#b48b38 rgb(180,139,56)
```
#38b48b
```
#38b48b rgb(56,180,139)
```
#3861b4
```
#3861b4 rgb(56,97,180)
```

Tetradic Color

#7a5e26
```
#7a5e26 rgb(122,94,38)
```
#8d6d2c
```
#8d6d2c rgb(141,109,44)
```
#a17c32
```
#a17c32 rgb(161,124,50)
```
#b48b38
```
#b48b38 rgb(180,139,56)
```
#c49941
```
#c49941 rgb(196,153,65)
```
#caa355
```
#caa355 rgb(202,163,85)
```
#d0ae68
```
#d0ae68 rgb(208,174,104)
```

Monochromatic Color

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

#b46c38
```
#b46c38 rgb(180,108,56)
```
#b47638
```
#b47638 rgb(180,118,56)
```
#b48138
```
#b48138 rgb(180,129,56)
```
#b48b38
```
#b48b38 rgb(180,139,56)
```
#b49538
```
#b49538 rgb(180,149,56)
```
#b4a038
```
#b4a038 rgb(180,160,56)
```
#b4aa38
```
#b4aa38 rgb(180,170,56)
```

Similar Colors

Text with hexadecimal color #b48b38

This text has a font color of #b48b38.

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

#b48b38 background color

This paragraph has a background color of #b48b38.

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

#b48b38 border color

This element has a border color of #b48b38.

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

CSS codes

.text {color:#b48b38;}

.background {background-color:#b48b38;}

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

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 #faf7f1 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0f0c05
```
#0f0c05 rgb(15,12,5)
```
#1e1709
```
#1e1709 rgb(30,23,9)
```
#2d230e
```
#2d230e rgb(45,35,14)
```
#3c2f13
```
#3c2f13 rgb(60,47,19)
```
#4b3a17
```
#4b3a17 rgb(75,58,23)
```
#5a461c
```
#5a461c rgb(90,70,28)
```
#695121
```
#695121 rgb(105,81,33)
```
#785d25
```
#785d25 rgb(120,93,37)
```
#87682a
```
#87682a rgb(135,104,42)
```
#96742f
```
#96742f rgb(150,116,47)
```
#a57f33
```
#a57f33 rgb(165,127,51)
```
#b48b38
```
#b48b38 rgb(180,139,56)
```

Shade Color Variation

#c3963d
```
#c3963d rgb(195,150,61)
```
#c79f4c
```
#c79f4c rgb(199,159,76)
```
#cca75b
```
#cca75b rgb(204,167,91)
```
#d1af6a
```
#d1af6a rgb(209,175,106)
```
#d5b779
```
#d5b779 rgb(213,183,121)
```
#dabf88
```
#dabf88 rgb(218,191,136)
```
#dfc797
```
#dfc797 rgb(223,199,151)
```
#e3cfa6
```
#e3cfa6 rgb(227,207,166)
```
#e8d7b5
```
#e8d7b5 rgb(232,215,181)
```
#eddfc4
```
#eddfc4 rgb(237,223,196)
```
#f1e7d3
```
#f1e7d3 rgb(241,231,211)
```
#f6efe2
```
#f6efe2 rgb(246,239,226)
```
#faf7f1
```
#faf7f1 rgb(250,247,241)
```

Tint Color Variation

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

#7e796e
```
#7e796e rgb(126,121,110)
```
#877c65
```
#877c65 rgb(135,124,101)
```
#907f5c
```
#907f5c rgb(144,127,92)
```
#998253
```
#998253 rgb(153,130,83)
```
#a2854a
```
#a2854a rgb(162,133,74)
```
#ab8841
```
#ab8841 rgb(171,136,65)
```
#b48b38
```
#b48b38 rgb(180,139,56)
```
#bd8e2f
```
#bd8e2f rgb(189,142,47)
```
#c69126
```
#c69126 rgb(198,145,38)
```
#cf941d
```
#cf941d rgb(207,148,29)
```
#d89714
```
#d89714 rgb(216,151,20)
```
#e19a0b
```
#e19a0b rgb(225,154,11)
```
#ea9d02
```
#ea9d02 rgb(234,157,2)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#968d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79744 Protanopia 1% of men
#b99042 Deuteranopia 1% of men
#be8892 Tritanopia 0.001% of the population

Trichromacy

#ab923f Protanomaly 1% of men, 0.01% of women
#b78e3e Deuteranomaly 6% of men, 0.4% of women
#ba8971 Tritanomaly 0.01% of the population

#b48b38 hex color

#b48b38 Color Information

#b48b38 Color Conversion

Color Schemes with #b48b38

Alternatives to #b48b38

#b48b38 Preview

Shades and Tints of #b48b38

Tones of #b48b38

Color Blindness Simulator